• A screenshot of CKEditor 5 being used to edit an image embedded between two paragraphs.
  • A screenshot of the CKEditor 5 toolbar configuration interface.
  • A screenshot of the CKEditor 5 plugin configuration interface.
  • A screenshot of the Cross Site Scripting (XSS) filter automatically configured by CKEditor 5.

Modern WYSIWYG editor support for your Drupal 7 website

Keep your existing Drupal 7 websites secure while providing content authors with the latest WYSIWYG editing tools and features available in CKEditor 5.

Purchase
Module

CKEditor 5 integration is built upon the Editor contrib module which backports both the Drupal 8 pluggable text/WYSIWYG editors API and the core CKEditor module. Utilizing the WYSIWYG editor API brings a host of benefits that were previously only available in Drupal 8+ such as file usage tracking (including block body support), advanced Cross-Site Scripting (XSS) filtering and native dialog support.

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 Drupal 7 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 Drupal 7 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.
  • Features module support. Selected editor and editor settings are included with exported text formats. Modules that provide enabled CKEditor plugins are automatically added as dependencies.
  • Future upgrade paths. Parity with the latest version of Drupal core allows for a direct mapping between the functionality, settings, plugins and APIs available in CKEditor 5 for Drupal 7 and both Drupal 9/10/11+ as well as Backdrop CMS. Moving to a newer version of Drupal or Backdrop in the future is a straightforward process.
  • 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).