Skip to main content
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_TOKEN from 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

Quickstart

Follow the full setup sequence from package auth to runtime assets.

Installation and setup

Configure package feed auth and register Grunt in CKEditor.

Theme configuration

Apply a Grunt theme with setTheme(modelElement, theme).

Storage pipeline

Implement saveCommit, saveSvg, getCommit, and getSvg in your API.

Runtime assets

Serve grunt.js and _framework/* correctly in production.

Toolbar and production checklist

Validate toolbar actions and production readiness.

Architecture overview

Understand how plugin, runtime, and storage layers fit together.