Browse by category
GrapesJS RTE
GrapesJS RTE plugins enhance the built-in rich text editor with additional formatting controls, custom toolbars, and advanced content-editing features. From adding font pickers and color swatches to integrating full-featured editors like TipTap or Quill, these extensions give you precise control over the in-canvas text editing experience. Filter by compatibility, price, and developer rating to find the right RTE extension for your GrapesJS build.
About GrapesJS RTE
The GrapesJS rich text editor is the inline editor that activates when a user double-clicks a text component on the canvas. By default it provides a basic formatting toolbar, but GrapesJS RTE plugins replace or extend this with a wide range of additional capabilities. The most commonly installed RTE plugins add custom font family and size selectors, foreground and background color pickers, alignment controls, link editors, and the ability to embed inline HTML. More advanced RTE plugins integrate complete third-party editors — TipTap, Quill, CKEditor, and ProseMirror wrappers are all available on GJS.Market — giving your users a fully-featured word-processor-style editing experience inside the canvas. When choosing a GrapesJS RTE plugin, check the GrapesJS version compatibility column — RTE APIs changed between major GrapesJS versions, and some older plugins require a compatibility shim. All RTE plugins on GJS.Market are tested against the versions listed in the compatibility badge, and author support response times are shown on each premium listing page.
GrapesJS RTE — FAQ
- What is the RTE in GrapesJS?
- The RTE is the inline rich text editor that activates when a user double-clicks a text component. It edits directly in the canvas rather than in a separate field, and ships with a minimal toolbar — bold, italic, underline, strikethrough and link. Everything beyond that comes from a plugin or your own toolbar actions.
- How do I add buttons to the GrapesJS RTE toolbar?
- Use editor.RichTextEditor.add with an id, an icon and a result function that applies the formatting to the current selection. That is how font pickers, colour swatches and alignment controls are built. Keep actions to formatting the selection — anything structural belongs in a component or a command instead.
- Can I replace the GrapesJS RTE with TipTap, Quill or CKEditor?
- Yes. GrapesJS lets you swap the whole RTE implementation via the rte config, and wrappers for TipTap, Quill, CKEditor and ProseMirror are available in this category. The wrapper must return the edited content back to the component on blur, which is exactly what these plugins handle for you.
- Why does the RTE strip or alter my HTML?
- Because contenteditable normalises markup, and GrapesJS then parses the result back into its component model. Unsupported tags and stray attributes get dropped in that round trip. If you need markup preserved exactly, keep it out of a text component — use a custom component type with its own view instead.
- Which RTE plugin works with my GrapesJS version?
- Check the compatibility badge on each listing and use the version filter on this page. RTE is the area where the API changed most between major GrapesJS releases, so an older plugin may need a shim to run on a current build. Premium listings state their tested versions explicitly and show the author's support response time.