Image

Insert image

• Select place where insert image
• Click toolbar button icon

  Image

  . Image dialog will open:
  
• Enter image properties:

1. "Properties" tab selected
2. Fill properties fields
   • Image URL (or select it with file manager)
   • Title - ex. "Some-title"
   • All text - ex. "Some-text"
   • Size - ex. 103px (width) x 100px (height); Note: aspect ratio is automatically supporting!
   • Aligment
   • Margins - ex. 10px (left) x 10px (top)
   • Border
3. Open file manager to select file if image is site file
   
   Select file and dblclick. Strongly recommend to add prefix "http://your-site-url" to let Google properly index this image
4. Image preview area

Image dialog result:

You can define image more detailed in other tabs:

• Advanced:
  
  • ID - ex. "Some-id"
  • CSS class - ex. "Some-class-name"
  • CSS style - ex. update width to 200px Note: there is a way how to ignore aspect ratio of "Properties" tab!
  • Detail description URL - ex. "Detail description"
  • Click button: "OK" - insert image, "Cancel" - cancel action
• Events

Inserted image result:

HTML (source) code:

Edit image

• Place mouse cursor before or on image
• Click toolbar button icon

  Image

  . Edit image properties