Wiki source code of Insert an Image from the Attachment Gallery
Last modified by Eleni Cojocariu on 2026/10/02 09:11
Show last authors
| author | version | line-number | content |
|---|---|---|---|
| 1 | The default WYSIWYG editor inserts an image from a gallery of the Page's [[attachments>>doc:documentation.xs.user.attachments.WebHome]]: | ||
| 2 | |||
| 3 | 1. [[Edit the Page>>doc:documentation.xs.user.base.page.edit.WebHome]] the image belongs in, and click "Image" in the toolbar.((( | ||
| 4 | {{image reference="insert-image-gallery-toolbar.png" size="large" alt="The toolbar of the WYSIWYG editor with its Image button highlighted"/}} | ||
| 5 | ))) | ||
| 6 | 1. The "Select Image" dialog opens on its "Gallery" tab, which lists the images attached to the Page. The "Tree", "Upload", "Icon" and "Url" tabs reach an image the gallery does not hold.((( | ||
| 7 | {{image reference="insert-image-gallery-dialog.png" size="extra" alt="The Select Image dialog open on the Gallery tab, its tab row highlighted, over a gallery of four attached images"/}} | ||
| 8 | ))) | ||
| 9 | 1. Narrow the gallery by typing part of a file name in the search field, or switch the scope to "All Pages" to reach an image attached to another Page.((( | ||
| 10 | {{image reference="insert-image-gallery-scope.png" size="extra" alt="The Gallery tab with its search field and its Current Page and All Pages scope buttons highlighted"/}} | ||
| 11 | ))) | ||
| 12 | 1. Click the image you want, then click "Select", which stays disabled until an image is picked. Double-clicking an image, or pressing Enter on it, does both at once.((( | ||
| 13 | {{image reference="insert-image-gallery-selected.png" size="extra" alt="The Gallery tab with one image selected and the Select button, now enabled, highlighted"/}} | ||
| 14 | ))) | ||
| 15 | 1. The "Edit Image" dialog opens on the image you picked. Click "Insert".((( | ||
| 16 | {{image reference="insert-image-gallery-insert.png" size="extra" alt="The Edit Image dialog showing the picked image, with its Insert button highlighted"/}} | ||
| 17 | ))) | ||
| 18 | 1. The image is in the content of the Page.((( | ||
| 19 | {{image reference="insert-image-gallery-result.png" size="extra" alt="The editor with the picked image inserted in the content of the Page, highlighted"/}} | ||
| 20 | ))) |
