An open API service indexing awesome lists of open source software.

https://github.com/antistatique/drupal-editor-advanced-image

Enhances the inline-image Dialog in Drupal CKEditor4 & CKEditor5.
https://github.com/antistatique/drupal-editor-advanced-image

ckeditor ckeditor4 ckeditor5 drupal drupal-10 drupal-8 drupal-9 drupal-module

Last synced: 4 months ago
JSON representation

Enhances the inline-image Dialog in Drupal CKEditor4 & CKEditor5.

Awesome Lists containing this project

README

          

# Editor Advanced Image

Enhances the image Balloon in CKEditor 5.

## Features

Allows to define the following attributes on an Image:
- title
- class
- id

## 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.
1. Open the "Text formats and editor" admin page [/admin/config/content/formats](/admin/config/content/formats).

Use the "Editor Advanced Image" configuration form to enable any attributes.
Only those whitelisted here will be visible in CKEditor 5 Balloon.

## Which version should I use?

| Drupal Core | CKEditor | Editor Advanced Image |
|:-----------:|:--------:|:---------------------:|
| 8.7.x | 4.x | 1.x |
| 8.8.x | 4.x | 8.x-2.0-beta1 |
| 9.x | 4.x | 8.x-2.1 |
| 9.x | 5.x | 8.x-2.1 |
| 10.x | 4.x | 8.x-2.1 |
| 10.x | 5.x | 8.x-2.1 or 3.x |
| 11.x | 5.x | 3.x |

## Dependencies

The Drupal 11 version of Editor Advanced Image requires
[Editor](https://www.drupal.org/project/editor) and
[CKEditor 5](https://ckeditor.com/ckeditor-5/).

The Drupal 10 version of Editor Advanced Image requires
[Editor](https://www.drupal.org/project/editor) and
[CKEditor 5](https://ckeditor.com/ckeditor-5/).

The Drupal 8 & Drupal 9 versions of Editor Advanced Image requires
[Editor](https://www.drupal.org/project/editor) and
[CKEditor 4](https://www.drupal.org/project/ckeditor).

## Supporting organizations

This project is sponsored by Antistatique. We are a Swiss Web Agency,
Visit us at [www.antistatique.net](https://www.antistatique.net) or
[Contact us](mailto:info@antistatique.net).