A screenshot of CKEditor 5 being used to edit an image embedded between two paragraphs.

Enhanced WYSIWYG editor support for your Backdrop website

Provide content authors with the latest WYSIWYG editing tools and features available in Drupal 10+.

Module

CKEditor 5 integration is built upon the core Filter module, enhanced by the Editor project, which backports an AJAX UI, HTML restriction generation and enhanced language capabilities from Drupal 8+.

Commonly used Drupal 7 contrib modules that provided WYSIWYG integration, such as Media, Entity Embed and Linkit have been updated to natively support CKEditor 5. CKEditor 5 extensions that were previously Drupal 9+ exclusive, including the CKEditor 5 Plugin Pack, are now available for Backdrop enabling editors to highlight text, generate to-do lists, add link attribues, insert page breaks, customize font options, embed HTML templates and more.

Features

CKEditor 5 for Backdrop features include:

  • A fully-featured administration UI. The editor toolbar can be fully customized with a mouse or keyboard arrow keys.
  • Dynamic, per-editor, plugin settings. CKEditor 5 plugins that provide customizable settings will have their configuration options dynamically displayed/hidden as their associated toolbar buttons are enabled/disabled.
  • Pluggable text/WYSIWYG integration, allowing editors to be assigned per text format. CKEditor 4 and 5 may be used simultaneously on the same website as required, enabling a flexible transition to the CKEditor 5.
  • A comprehensive suite of included plugins. Align content, display code with syntax highlighting, restrict available headings, embed images from a remote URL or uploaded by the user, resize images, associate content with a specific language, customize list options, edit source markup and specify custom text styles.
  • Extensibility with a well-documented API. Change editor settings, add custom CKEditor plugins, include required CSS files and modify the CKEditor 4 to 5 upgrade path using the available info and alter hooks.
  • Automatically generated HTML restrictions. A list of allowed HTML tags and associated attributes is dynamically populated based on the requirements of the enabled toolbar buttons and plugins.
  • Configuration management support. Selected editor and editor settings are included with exported text formats.
  • Straightforward platform migrations. Functionality, settings, plugins and APIs parity with CKEditor 5 for Drupal 7 and Drupal 10+ core simplifies migrations to and from Backdrop CMS.
  • Simple migrations from CKEditor 4. Swapping the rich text editor, associated with a filter format, from CKEditor 4 to CKEditor 5 will trigger an upgrade process that automatically selects the equivalent CKEditor 5 plugins, plugin settings and toolbar buttons.
  • Example plugin templates and interactive debugging with CKEditor 5 Dev Tools.
  • Compatibility with a wide range of hosting environments, including PHP (5.6 - 8.4), jQuery (1.12 - 3.7.1) and jQuery Migrate (1.4.1 - 3.5.2).