GrapesJS Inline Text Editor — Compatible with CKEditor 5

Replace the default GrapesJS RTE with the full power of CKEditor 5(inline mode). A lightweight, production-ready plugin that delivers a richer editing experience without heavy dependencies.

⚠️ This plugin is not an official CKSource product and is not affiliated with CKSource. CKEditor is a trademark of CKSource Holding sp. z o.o.

Pricing

What's Included

• Full plugin source code
• Production-ready dist build
• Commercial License (see LICENSE for details)
• Future updates — v0.1.4 and beyond

Compatibility

Tested with GrapesJS:0.17.x·0.18.x·0.19.x·0.20.x·0.21.x·0.22.x

Supported Formatting

What's New in v0.1.4

Bug Fixes

• Toolbar clipping fixed— toolbar and balloon panels (Link URL form, font-color picker) are now rendered in the parent document, not inside the iframe. They are no longer clipped by host editor overlays (e.g. Studio SDK).
• Link balloon positioning fixed— the Link URL form now always opens next to the selected text, not near the toolbar button.
• No more disappearing text— fixed a bug where CKEditor's GHS super-build wrapped content in.ck-editor__editableon every edit cycle, causing user text to be lost after repeated enable/disable.
• No double iframe injection— the editor module is now injected into the iframe exactly once, preventing race conditions on rapid component switches.
• Performance— removededitor.refresh()from the element observer; GrapesJS no longer re-renders on every keystroke inside CKEditor.

Improvements

• Toolbar now correctly follows the iframe element when any ancestor scrolls
• Balloon panels survive CSS transforms in host application shells
• Improved test coverage for all fixed scenarios

Changed

• License changed toCommercial License

Important Notes

• CKEditor 5 is not included— you must install and license it separately.
• The plugin is fully customizable to fit your project's needs.

Updated

• First release:October 18, 2022
• Latest update:May 25, 2026 (v0.1.4)