CKEditor integration
Add Grunt charts, tables, and Gantt editing to your CKEditor 5 application
Use this documentation to integrate the Grunt CKEditor plugin into your own product.
You are not building Grunt itself. You are wiring Grunt into your existing CKEditor setup with your own storage and deployment model.
#What you get
- Chart, table, and Gantt insertion in CKEditor
- Inline editing controls in the editor
- A storage pipeline contract you connect to your backend
- WebAssembly runtime rendering in your application
#Before you start
- A CKEditor 5 integration in your app
- A
GRUNT_PACKAGE_TOKENfrom Grunt - A backend endpoint for Grunt object commit/SVG persistence
#Start from the sample
Use the official sample as your baseline implementation:
git clone https://github.com/Altua/Samples.git
cd Samples/CKEditor
#Recommended implementation path
Follow the full setup sequence from package auth to runtime assets.
Configure package feed auth and register Grunt in CKEditor.
Apply a Grunt theme with setTheme(modelElement, theme).
Implement saveCommit, saveSvg, getCommit, and getSvg in your API.
Serve grunt.js and _framework/* correctly in production.
Validate toolbar actions and production readiness.
Understand how plugin, runtime, and storage layers fit together.