GrapesJS/ckeditor ? reverse-engineered prompt

Reverse engineered prompt

Build me a GrapesJS plugin that swaps out the built in rich text editor for CKEditor.

I want to be able to drop it into a GrapesJS setup and have text editing use CKEditor instead of the default inline editor, with a simple way to pass CKEditor options like toolbar, language, and any other config. It should also let me choose where the editor toolbar appears, like left, center, or right, and give me a hook to tweak the toolbar element after it gets created.

Please make it work both with a CKEditor constructor I already have and with the CKEditor script loaded from a CDN if that’s easier. Keep it as a clean TypeScript project, and make sure it can be used like a normal GrapesJS plugin from the page. If anything is unclear, look up the current GrapesJS and CKEditor docs online and follow the usual plugin patterns.

Are you gonna build this?

make sure you review the code using coderabbit

Try freeSponsored — opens CodeRabbit in a new tab