Skip to main content
Drupal Documentation for SCLS

Main navigation

  • Home
  • How-To Info for Library Staff
  • Drupal 9
  • Help

Breadcrumb

  1. Home
  2. Drupal 9

Images - Drupal 9

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.
    Image

    The Add or select media dialog will open.
  3. If the image is not already stored in the Media Library:
    1. Click the Browse button under Add file.
      Image
    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.
      Image
    3. Click the Save and insert button.
  4. If the image is already stored in the Media Library:
    1. Click the image/check the box to select an image.
      Image
    2. Click the Insert selected button.
  5. Optionally, click the Edit media button to set additional attributes for the image:
    Image

    Image
    1. Alternate text: Short description of the image used by screen readers and displayed when the image is not loaded. This is important for accessibility.
    2. Align: None, Left, Center, Right
    3. Caption: When checked, after saving, you will see an additional field to enter text below the image as a caption.
    4. Display: 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
  • Bug: Media images with links create empty paragraph tags
  • Using Media and IMCE File Manager together on a Drupal 9 site

Book traversal links for Images - Drupal 9

  • Making content sticky
  • Up
  • Bug: Media images with links create empty paragraph tags
  • Blocks - Drupal 9
  • Content
  • Images - Drupal 9
    • Bug: Media images with links create empty paragraph tags
    • Using Media and IMCE File Manager together on a Drupal 9 site
  • Layout Builder - Drupal 9
  • Managing Media & Files - Drupal 9
  • Media Library - Drupal 9
  • Revisions (Drupal 9)
  • Webforms - Drupal 9
  • Webinars

Tags

accordion (1)
account (2)
anchors (1)
blocks (1)
cache (1)
carousel (2)
CKEditor (4)
configuration (1)
content types (1)
CSS (1)
disable rich-text (1)
Drupal 9 (18)
email (2)
embed code (1)
Entity Registration (5)
events (6)
file browser (2)
files (2)
files media (1)
folders (1)
formatting (2)
front page (3)
Google Analytics (1)
headings (2)
HTML (1)
iframe (2)
images (7)
imce (3)
Layout Builder (3)
link a pdf (1)
links (7)
login (1)
media (2)
menus (3)
nodes (1)
openid (1)
paste as plain text (1)
paths (4)
performance (1)
photo albums (1)
photo galleries (1)
redirects (3)
registration (5)
remove format (1)
repeat dates (2)
reports (1)
revisions (1)
sidebars (1)
site name (1)
slogan (1)
source (1)
sticky (2)
text formats (1)
themes (1)
toolbar (2)
URL aliases (4)
Webform (2)
widget (1)