CKEditor 5 Plugin Pack
A collection of 21 CKEditor 5 plugins for Drupal, providing features like font customization, word count, find and replace, templates, highlighting, and more.
ckeditor5_plugin_pack
Install
composer require 'drupal/ckeditor5_plugin_pack:^1.4'
Overview
CKEditor 5 Plugin Pack is a comprehensive collection of CKEditor 5 plugins packaged for Drupal. It provides the base module along with 21 submodules, each adding specific editor functionality. The module handles plugin loading via CDN (default) or local DLL files, and integrates seamlessly with Drupal's text format configuration.
The plugin pack includes both free and premium features (premium features like Templates and WProofreader are available free for Drupal users). Each submodule registers its CKEditor 5 plugin and provides per-text-format configuration through the standard Drupal editor settings interface.
Key capabilities include: text styling (fonts, colors, highlighting), productivity tools (find/replace, word count, templates), content enhancement (emoji, media embed, bookmarks), and editor behavior (fullscreen mode, text transformations, paste from markdown).
Features
- Base module providing DLL loading infrastructure with CDN fallback and local file support
- Font Family, Font Size, and Font Color plugins for comprehensive text styling
- Word Count plugin displaying real-time word and character counts
- Find and Replace dialog with case-sensitive and whole-word matching options
- Content Templates system allowing predefined HTML structures to be inserted (premium feature, free for Drupal)
- Text Highlight plugin with customizable marker colors and types
- Fullscreen editing mode for distraction-free content creation
- To-do List plugin for checkable task lists
- Page Break insertion for print-friendly documents
- Media Embed for external video/audio content (YouTube, Vimeo, etc.)
- Emoji picker for inserting emoji characters
- Bookmarks/anchors for in-document navigation
- Link Attributes for adding custom attributes to links
- Block Indentation for paragraph-level indentation control
- Paste from Markdown automatic conversion
- Text Transformation for smart typography (curly quotes, dashes)
- HTML Embed for raw HTML insertion (requires explicit enable due to security)
- Select All functionality
- Auto Image for automatic image URL conversion
- Layout Table for enhanced table structures
- WProofreader grammar and spell checking integration (requires Premium Features module)
Use Cases
Corporate Document Styling
Use the Font plugins to define approved corporate fonts and brand colors. Configure Font Family with your organization's font stack and Font Color with brand-approved colors to ensure consistent document styling across all content editors.
Content Writer Productivity
Enable Word Count to help writers meet content length requirements. Combine with Find and Replace for efficient editing of long-form content. Add Templates for common content structures like press releases, product descriptions, or blog post formats.
Technical Documentation
Use Page Break for printable documentation, Bookmarks for internal navigation in long documents, and To-do Lists for task tracking within documentation. Paste from Markdown helps developers copy code documentation directly into the editor.
Marketing Content Creation
Enable Emoji for social media friendly content, Media Embed for video integration, and Highlight for emphasizing key messages. The Fullscreen mode provides distraction-free writing for long-form marketing content.
Multi-language Content Management
Use the Templates feature with translation support to maintain consistent content structures across languages. Templates can be translated through Drupal's configuration translation system.
Tips
- Use the @token placeholder in DLL paths for automatic version substitution when CKEditor 5 is updated
- Configure text format-specific settings for each plugin rather than expecting global configuration
- Enable only the submodules you need to keep the editor toolbar clean and reduce JavaScript loading
- For Templates, use the icon preview and template preview buttons before saving to verify content
- The Block CDN option should only be used when you have confirmed local DLL files are properly installed
Technical Details
Admin Pages 3
/admin/config/ckeditor5-plugin-pack
Configure global settings for the CKEditor 5 Plugin Pack including DLL file locations and CDN blocking options.
/admin/config/ckeditor5-templates/content-templates
Manage predefined content templates that users can insert into the editor. Create, edit, delete, and reorder templates.
/admin/config/ckeditor5-templates/content-templates/add
Create a new content template with HTML content, optional icon, and text format assignments.
Permissions 1
Troubleshooting 5
Check if CDN is accessible or if local DLL files are correctly placed. Verify the DLL location path in settings. If using local files, ensure directory structure matches: /path/@token/dll/[plugin]/[plugin].js
Ensure templates are enabled and assigned to the correct text format. Check that the user has access to the text format. Verify templates are created at /admin/config/ckeditor5-templates/content-templates
First enable 'Allow HTML embed module installation' checkbox at /admin/config/ckeditor5-plugin-pack, then install the submodule
Check the core_version_requirement in each submodule's info.yml. Some features require Drupal 10.2+, 10.3+, 10.5+, or 11.x. Upgrade Drupal core if needed.
Enable 'Add styles for rendered content automatically' in the Highlight plugin configuration to generate CSS for custom markers
Security Notes 3
- The HTML Embed plugin allows raw HTML insertion which can be a security risk. It requires explicit permission to install and should only be enabled for trusted users.
- Template content is stored as configuration and should be reviewed before deployment as it can contain arbitrary HTML
- The module uses Drupal's standard permission system - ensure 'administer ckeditor5 templates' permission is only granted to trusted administrators