4.1. Inserting images

Any manual needs images, screen shots, product photos, logos, etc. With Manula, you can easily insert any images into your topics, in a two-step process: first upload your image to the Image Manager, then insert from there into your text.

Of course, once your image is available in the Image Manager, you can insert it into as many topics as you like, no need to upload it again. You can even replace the image (e.g. by a better one) and it will automatically be replaced everywhere you used it.

Uploading and inserting a new image:

• Place your cursor on an empty line in your editor.
• Click the Insert Image button on the toolbar (under Media).
  This will pop up the Image Manager screen:

• In the Image Manager, click the Upload Image button on the top left.
• Find the image on your computer and click Open / Choose.
• The new image will now appear in the Image Manager.
• Select it, then click the large orange Insert button on the right.
• This will insert the image code in your topic text (make sure it’s on an empty line or at least has spaces around it!)
• Save your topic.
• Click View or View Live to see your topic with the image shown.

!Always make sure there is at least one space between the image code and other text, otherwise the image won’t display correctly.

Inserting an image that is already in your Image Manager:

• Place your cursor on an empty line in your editor.
• Click the Insert Image button on the toolbar.
• Scroll down to find the image you want to insert, or use the search box.
• Select it, then click the large orange Insert button on the right.
• This will insert the image code in your topic text (make sure it’s on an empty line or at least has spaces around it!)
• Save your topic.
• Click View or View Live to see your topic with the image shown.

*Once you upload an image to the Image Manager, you can insert the same image into multiple topics and multiple manuals. If you need to replace the image later, you can do so in the Image Manager, using the Replace button next to the image preview on the top right.
After replacing an image, the new image will automatically show up in all locations where you previously inserted it.

Allowing “Click to Enlarge” on your images

In some cases, it is useful to insert a small version (thumbnail) of your image into your text, then make the image clickable to open a large version.

In Manula, you can do so using the “Click for full size” option in the Image Manager.
Before inserting your image from the Image Manager:

• Enter the width and height (in pixels) of your desired thumbnail version.
• Click Save Properties
• Enable the “Click for full size” option.
• Now click Insert.