From IslandWood Education Wiki
Jump to: navigation, search

"Insert Image" is a tool which lets you upload, insert and edit images using a pop-up window. You no longer have to change to a special page to upload them.

Where do I find the function?

"Insert Image" can be accessed using the button Btn-WYSIWYG-InsertImage.png, when you are in the edit mode.


You can open the dialogue when you are using the WYSIWYG editor as well as in the wikicode.


The functionality of Insert Image

First, go to the place in the text field where you want to insert the image and then click on the button (see above) to access the tool.

Inserting images

Screenshot: Insert existing images
Screenshot: Insert existing images

Search and insert existing images:To insert images to your page, choose an image from the preview list given by Insert Image. You can restrict the images displayed here by typing the initial letters into the filter field. For example, when you type "Hi" into the filter field and wait a moment, all images which start with "Hi" will be shown. The image selected will be shown in the right part of the window.

Add adjustment, decoration, size and description: Now you can make further adjustments in the tab "Details", for example set the justification of the image, or insert it as a preview (then it will be displayed very small and with a thick grey border). You can also change the size of the image. Note that the picture itself is not made any smaller, only its appearance in the article!
Alternative text is the caption.

Linking: Add links to your image so that in the view-mode a reader of the article will be linked to the connected article you choose.

Have you made all the adjustments you want to make? Then put the image into the article with "ok". Then the picture is incorporated in the wiki code.

Uploading images

If you want to upload an image, click on upload. in th eupper right corner.


Now click on browse. You can choose the image you want here.

If desired, add a short description.

It is very useful if you insert a category for the image as well so you help to structure the content and to find images quickly.

Then you need to put the image into your wiki with the button ok.

After this, you can insert it into pages as described above. Do not forget to choose the picture you want again!

Tips for working with Insert Image

  • Do not be shocked if a picture appears somewhere you did not expect when working with the WYSIWYG editor. Everything will be shown as you wish in the preview, or at the latest when you save.
  • Choose explicit names for your files before you upload them. The file name should be a description of the image, for example baby-eagle.jpg rather than Image123.jpg. This will help you and others to find the image later.
  • If there is an image with this name already there, the dialogue window will let you know and ask if you want to replace it. You can confirm the upload with the button "ok" or stop it with the button "cancel". If you click on the ok button, the existing image will be replaced. The version history of the image will show this change.