Tanay Sai Builds AI-Powered CKEditor Plugin for Drupal Using Chrome’s Native APIs
Tanay Sai has introduced a browser-native CKEditor plugin for Drupal that enables AI-assisted writing, summarisation, and editing without relying on cloud providers or external models. Built during a hackathon at Oaisys Conf with collaborators Amit Vyas and Aman Srivastava, the module demonstrates how Chrome’s experimental AI APIs can be harnessed for real-time content manipulation inside Drupal’s CKEditor 5 interface.
The module—Browser AI CKEditor—adds four toolbar buttons to CKEditor 5: AI Rewrite, AI Summarise, AI Proofread, and AI Write for Me. These tools use on-device AI models baked into Google Chrome (version 128 and up), allowing users to perform contextual edits and content generation without leaving the browser or exposing data to third-party services.
To activate these features, users must manually enable Chrome's experimental AI flags, including support for the Gemini Nano-based summarisation and writing APIs. The module currently supports only Chrome, with toolbar buttons disabled on unsupported browsers such as Firefox, Safari, and Edge.
Functionality includes rewriting selected text for clarity, summarising content, grammar correction, and generating new content based on prompts—all executed client-side. Tanay emphasised that while AI handled the code-writing during development, careful vetting was done to avoid contributing to “AI slop.”
The module requires Drupal 10.3+ or 11 and CKEditor 5 (included in core). Configuration involves enabling the module, modifying text formats, and adding the AI buttons to the active toolbar. Developers can also build or customise the module via npm.
The module is available on GitHub at github.com/saitanay/browser_ai_ckeditor. Developers are welcome to contribute or test the AI editing tools directly in supported Chrome environments.


