Editor Advanced Image

Enhances the image Balloon in CKEditor 4 & CKEditor 5.

Features

Allows to define the following attributes:

• title
• class
• id

You will also be able to:

• define a default class for every images on an Editor (such img-fluid or img-responsive).

Requirements

• The 8.x-2.1 branch is compliant with both ckeditor4 & ckeditor5
• The 3.x branch is compliant with ckeditor5 only

Standard usage scenario for CKEditor 5

1. Install the module.
2. Open the "Text formats and editor" admin page admin/config/content/formats.
3. Use the "Editor Advanced Image" configuration form to enable any attributes you need (title, class and/or id).
   Only those whitelisted here will be visible in CKEditor 5 Balloon.

Standard usage scenario for CKEditor 4

1. Install the module.
2. Open the "Text formats and editor" admin page admin/config/content/formats.
3. if the "Limit allowed HTML tags and correct faulty HTML" filter is disabled you don't have anything to do with this text format.
   Otherwise, add the title, class and/or id attributes to the img "allowed HTML tags" field (only those whitelisted will show up in the dialog).

Which version should I use?

Dependencies

The Drupal 11 version of Editor Advanced Image requires Editor and CKEditor 5.

The Drupal 10 version of Editor Advanced Image requires Editor and CKEditor 5.

The Drupal 8 & Drupal 9 versions of Editor Advanced Image requires Editor and CKEditor 4.

Supporting organizations

This project is sponsored by Antistatique. We are a Swiss Web Agency, Visit us at www.antistatique.net or Contact us.