• 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.

Contact Us
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 contrib modules, such as Entity Embed or Linkit, have been updated to natively support CKEditor 5 or have integration available through provided patches and custom modules.

Features

CKEditor 5 for Drupal 7 features include:

  • 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 latest version of the Editor.
  • 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 comprehensive 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 alteration hooks.
  • Future upgrade path. 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.
  • 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.
  • Simple upgrade path 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.