AI Drupal・3 min read・Posted on June 19, 2025 # Smarter content editing in Drupal: exploring the AI CKEditor module ![Smarter content editing in Drupal: exploring the AI CKEditor module](/sites/default/files/remediation-media/6853edddba978be2e0113f62_Smarter_content_editing_in_Drupal__exploring_the_AI_CKEditor_module.avif) Table of contents - [AI CKEditor integration module](#ai-ckeditor-integration-module) - [Prerequisites and dependencies](#prerequisites-and-dependencies) - [Installation and configuration](#installation-and-configuration) - [Special plugin configurations](#special-plugin-configurations) - [Setting up the tone plugin](#setting-up-the-tone-plugin) - [Setting Up the Translation Plugin](#setting-up-the-translation-plugin) - [Let us see our AI-powered CKeditor in action](#let-us-see-our-ai-powered-ckeditor-in-action) - [Conclusion](#conclusion) Artificial intelligence is changing how content gets created, reviewed, and published, and Drupal is keeping up. **The AI CKEditor Integration module****brings the capabilities of large language models (LLMs) directly into the content editing experience**. Instead of jumping between external tools or copying drafts back and forth, editors can now work smarter within the CKEditor interface itself. From translating content to checking spelling and grammar, adjusting tone, and completing sentences, the module makes everyday tasks faster and more consistent. It supports editors in maintaining quality, staying on message, and saving time, right where content is written. By embedding AI features directly into CKEditor, this integration simplifies content workflows and gives teams the kind of intelligent assistance that keeps pace with modern publishing demands. ## AI CKEditor integration module The AI CKEditor Integration module is a powerful extension that seamlessly integrates AI capabilities into Drupal's CKEditor 5. AI CKEditor Integration is a submodule available in [AI Core](https://www.drupal.org/project/ai) module that provides plugins that integrate with CKEditor 5. Rather than switching between different tools or applications, content creators can access AI-powered features directly within their text editor, streamlining the content creation process. ### Prerequisites and dependencies Before diving into the setup, ensure you have the following modules installed and configured: 1. [AI Core Module](https://www.drupal.org/project/ai): The foundation that handles AI interactions 2. AI Provider Module: Such as the [OpenAI Provider](https://www.drupal.org/project/ai_provider_openai), [Ollama](https://www.drupal.org/project/ai_provider_huggingface) ,etc, which connects to your chosen AI service 3. CKEditor 5: Drupal's default rich text editor (included in Drupal core) ### Installation and configuration #### Step 1: Enable the Module First, enable the AI CKEditor Integration module through Drupal's admin interface or using Drush: drush en ai\_ckeditor #### Step 2: Configure text formats 1. Navigate to Administration → Configuration → Content authoring → Text formats and editors (/admin/config/content/formats) 2. Select the text format you want to enhance (e.g., "Basic HTML") 3. Click Configure next to your chosen format ![Configuration text formats](/sites/default/files/c3-body-media/38690e400a1c36564d9da8db.avif) #### Step 3: Add the AI tools button 1. In the CKEditor toolbar configuration, locate the AI Stars ✨ widget 2. Drag it from the "Available buttons" section to your "Active toolbar" 3. Position it where you want it to appear in the editor toolbar ![AI tools button](/sites/default/files/c3-body-media/148f25132bcd908ecc978727.avif) #### Step 4: Configure AI tools 1. Scroll down to CKEditor 5 plugin settings 2. Find the AI tools section 3. Configure each available tool according to your needs: 1. Enable or disable individual tools 2. Select the appropriate AI model for each tool 3. Set specific parameters for each feature ![Configuration AI tools](/sites/default/files/c3-body-media/123c4fdb212063bec8103349.avif) ## Special plugin configurations ### Setting up the tone plugin The Tone plugin requires a custom taxonomy to define available tones: #### Step 1: Create a taxonomy vocabulary - Go to Structure → Taxonomy (/admin/structure/taxonomy) - Add a new vocabulary (For example, name it "Tone of voice") #### Step 2: Add tone terms - Create terms for different tones: "Friendly", "Professional", "Casual", "ELI5 (Explain Like I'm 5)", "Academic", etc. - Optionally, add detailed descriptions for each tone in the term's description field #### Step 3: Configure the plugin - In the CKEditor AI tools configuration, select the vocabulary created in step 1. - Enable "Use term description for tone description" if you want to use the detailed descriptions ![CKEditor AI tools configuration](/sites/default/files/c3-body-media/3770d7a789d295657784e038.avif) ### Setting Up the Translation Plugin Similar to the Tone of Voice plugin, the Translation feature requires a taxonomy: ‍ 1. Create a taxonomy vocabulary. For example, name it “Languages” 2. Add language terms: "Spanish", "French", "German", "Japanese", etc. 3. Configure the plugin to use your Languages vocabulary ![Setting Up the Translation Plugin](/sites/default/files/c3-body-media/98612d1c6f55c8b4faf93610.avif) ‍ ## Let us see our AI-powered CKeditor in action Once configured, using AI tools is straightforward: 1. Open your content editor (node add/edit form with CKEditor) 2. Select a field that uses CKEditor ![AI-powered CKeditor](/sites/default/files/c3-body-media/04fa36835c9df18bad5b581e.avif) 1. Click the AI Assistant button (✨) in the toolbar 2. Choose your desired AI feature from the dropdown menu ![AI-powered CKeditor](/sites/default/files/c3-body-media/2e3a2692d4a070ab73ac7099.avif) 1. Provide any prompt needed in the modal that appears ![AI-powered CKeditor](/sites/default/files/c3-body-media/fb9cb36371d29b9188fe6be0.avif) 1. Click "Generate" to process your request ![AI-powered CKeditor](/sites/default/files/c3-body-media/6c5493cb364432a4e321d6bf.avif) 1. Review and edit the AI-generated content ![AI-powered CKeditor](/sites/default/files/c3-body-media/765b3bdfe41204923b0040b6.avif) 1. Click "Save changes to editor" to insert the content into your document ## Conclusion The AI CKEditor Integration module marks a meaningful upgrade in how content is created and edited in Drupal. By embedding AI features directly into the CKEditor interface, it removes the need for context switching and makes capabilities like tone adjustment, grammar correction, translation, and text completion accessible to everyone: from site editors to content strategists. This module works within Drupal’s existing editorial workflow, so teams don’t need to learn new tools or disrupt their publishing process. With a simple setup and thoughtful defaults, you can start improving content quality immediately. Looking ahead, the potential for deeper AI integration is just beginning. From content summarization and image generation to accessibility checks and editorial analytics, future enhancements could transform CKEditor into a true intelligent assistant for web publishing. As the Drupal ecosystem continues to adopt AI-powered modules, this integration sets the foundation for a smarter, more efficient content creation experience, built right into your CMS. ‍ Written by Ann Mary Sruthy Drupal Backend Developer Editor Ananya Rakhecha, Tech Advocate ## We'd love to talk about your business objectives [ Contact Us ](/contact)