Module "Inline images"
1General
An inline image is an image that is inserted to a component at the cursor point. Inline images can be added both to text components and to table components.
A user is able to create, edit and delete as many inline images in the document as he wants. In draft component each user can insert, change and delete inline images, in review mode the user should have a role Suggest or Approver to be able to work with inline images.
The following image file formats are allowed:
●png
●jpg / jpeg
●tiff (SMASHDOCs converts this format into a supported format file: PNG - in a case of raster formats, SVG+PNG - in a case of vector formats)
●postscript (SMASHDOCs converts this format into a supported format file: PNG - in a case of raster formats, SVG+PNG - in a case of vector formats)
●eps / x-eps (SMASHDOCs converts this format into a supported format file: PNG - in a case of raster formats, SVG+PNG - in a case of vector formats)
Maximum image file size is 15 MB.
2Inserting an inline image
To create a new inline image in a text or table component, you have to choose a position where the image has to be added and place the cursor there. Then open paperclip-menu at the top of the page and choose "Inline image".
![](/sd/199a1baa-2b24-4b71-96c5-ddc1771646b6/images/fc778769-ed4c-4548-b11f-a1a9aa59c6bd.png)
The option "Inline image" in the paperclip-menu highlighted
After clicking this option, you will receive a window where you have to upload an image via drag&drop or by choosing it from your device.
![](/sd/199a1baa-2b24-4b71-96c5-ddc1771646b6/images/787c5e0c-6eac-4aca-b613-1c2d3e07c536.png)
Uploading an inline image
Apart from it you can also insert image caption. However, this is optionally.
![](/sd/199a1baa-2b24-4b71-96c5-ddc1771646b6/images/738ff9f7-a288-48f0-ac9c-02defba948e2.png)
Image caption
The following formatting options and inline objects are available while inserting image caption:
●Bold
●Italic
●Underlined
●Strike through
●Superscript
●Subscript
●Monospace
●Small caps
●Clear format
●Weblink
After clicking "Save" your inline image will be placed in the corresponding component.
![](/sd/199a1baa-2b24-4b71-96c5-ddc1771646b6/images/b3541d2a-05d5-422c-96a9-789c4bc652c5.png)
Inline image outlook in the component
When you click on it, a modal dialog appears, where you can find such options as edit or delete the image.
![](/sd/199a1baa-2b24-4b71-96c5-ddc1771646b6/images/5c8abf19-41e6-4300-acc1-8e4212c906a5.png)
A modal dialog to edit or delete inline image
3Inline images in "Images" directory
You can find all added inline images in the document together with images using the option "Show directories" in the left toolbar.
![](/sd/199a1baa-2b24-4b71-96c5-ddc1771646b6/images/3eae86ca-5230-485a-b747-836c690c2357.png)
Inline images in images directory highlighted
Inline images will be underwritten as "Inline image", so that it is easier for users to search for images and inline images separately. If you have inserted caption for the inline image, you can search this image in directory for its caption.
After clicking the inline image in directory, the whole component with this inline image will be highlighted with a blue border.
![](/sd/199a1baa-2b24-4b71-96c5-ddc1771646b6/images/fe85bdaa-0dc8-46b1-af73-b0bda1562ebc.png)
Component with inline image highlighted