• A screenshot of a file entity, embedded into a textarea using Entity Embed and CKEditor 5. The file is selected, resulting in three operations being presented: a button to edit the embed options, a button to create a hyperlink and a button to visit the entity's edit form.
  • A screenshot of the CKEditor 5 link button, enhanced with a Linkit autocomplete field, being used to link the word Chinchilla to existing site content related to chinchillas.
  • A screenshot of the CKEditor 5 entity embed button, enhanced with support for the Media module, enabling users to select a file to embed from a library of existing media.

A next generation media management and linking solution with a familiar interface

Media, Entity Embed and Linkit for Drupal 7, now available with support for CKEditor 5.

Module

Continue to allow users to upload, browse, embed and link content using familiar processes and interfaces with Media, Entity Embed and Linkit for CKEditor 5.

As part of the move to CKEditor 5, the Media, Entity Embed and Linkit modules have received a number of enhancements.

The Media module's media browser replaces the Entity Embed selection process, allowing users to continue uploading, browsing and embedding media using a familiar process and interface. The browser has been rebuilt around the Dialog module, resulting in performance, accessibility and styling improvements.

Entity Embed succeeds the Media module's WYSIWYG capabilities by taking advantage of features, such as CKEditor 5's Widget API, in order to better handle rich content embedded in the editor. Instead of handling embedding directly, Media provides the interface for adding and selecting media to embed using Entity Embed. Existing content embedded via Media WYSIWYG is automatically converted to its Entity Embed equivalent on the fly, enabling a seamless transition. Media embedded using Entity Embed uses a token format that is forward compatible with modern Drupal 8+ solutions.

Linkit has been rebuilt around the Dialog module and CKEditor 5. Linking profiles can now be assigned to individual fields, menus and CKEditor 5 instances, enabling users to easily link to existing content by searching for it using an autocomplete field.

*The CKEditor 5 Plugin Pack requires CKEditor 5 for Drupal 7 which is also available from Nickel City Creative.

Features

Media management and linking features include:

  • Continued use of existing Linkit linking profiles.
    • Profiles can now be assigned to individual fields, menus and CKEditor 5 instances, adding autocomplete functionality to inserted links, menu item paths and the CKEditor 5 link button.
    • Linking profiles have been improved with additional caching and an enhanced configuration interface.
  • Media browser performance, accessibility and visual improvements via integration with the Dialog module.
  • A hassle free migration process from legacy media embedding to modern entity embedding.
    • Automatic conversion of media embed tags when displaying content, enabling them to be rendered by Entity Embed.
    • Automatic conversion of media embed tags when editing content, associating them with an embed button and enabling them to be edited using Entity Embed.
    • Automatic handling of overridden alt and text text.
  • Administration pages for configuring automatic upgrade settings.
  • Parity with the latest Drupal 10+ modules including alt + title support, captioning, alignment, file usage tracking, field formatter rendering with custom display settings and shortcuts to entity edit pages.