Images

Images stored on your computer/file share can be added to your pages using the CKEditor toolbar and Drupal's Media Library.

  1. Place the cursor at the beginning of a paragraph. In most cases it's best to insert images at the left edge of the editing window, even if you want the image to be centered or right-aligned.

  2. Click the Insert from Media Library button. 

  3. The Add or select media dialog will open.
  4. If the image is not already stored in the Media Library:

    1. Click the Browse button under Add file.

    2. Enter Alternative text for the image, a short description of the image to be used by screen readers and displayed when the image is not loaded. This is important for accessibility.

    3. Click the Save and insert button.
  5. If the image is already stored in the Media Library:

    1. Click the image/check the box to select an image.

      Check the box to select
    2. Click the Insert selected button.

  6. Optionally, click on the Image to set additional attributes for the image:

    Image properties appear by clicking on the image
  1. Caption: Click enable an additional field to enter text below the image as a caption. Click again to toggle the caption field off.
  2. Link: Add a link to make the image clickable.
  3. Override media image alternative text: Enter Alternative text for the image, a short description of the image to be used by screen readers and displayed when the image is not loaded.
  4. View mode: Inserts an automatically resized version of the image at a preset size. Additional presets available on request.
    1. Default: Original size
    2. Large: 480px wide
    3. Medium: 220px wide
    4. Thumbnail: 100px wide
  5. Align: Break text, Align left and wrap text, Align center and break text, Align right and wrap text