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

CKEditor 5 for Drupal 7 is built upon complete backports of the Drupal 10+ core Editor and CKEditor 5 modules.

Editor provides an API and user interface for adding and managing WYSIWYG editors. It also bring with it a number of feaures 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 modal dialog support.

CKEditor 5 enables site authors to format content using a simple but powerful WYSIWYG editor. It includes an AJAX-powered configuration UI, automatic HTML restriction generation and enhanced language capabilities.

Extensions

Commonly used Drupal 10+ core and contrib modules that add media management and content linking capabilities to CKEditor 5, such as Media Library, Media: oEmbed, Entity Embed and Linkit have been backported and are available as part of CKEditor 5 Media Management and Linking for Drupal 7.

Other CKEditor 5 extensions that were previously unavailable for Drupal 7, including the CKEditor 5 Plugin Pack, are also available 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).