Grapesjs RTE Extensions

The GrapesJS rich text editor supports far more actions than it shows. Out of the box you get bold, italic, underline, strikethrough and links; the rest are available but unregistered. This plugin turns them on, grouped into sections you enable individually.

Sections

• base — bold, italic, underline, strikethrough and link. On by default.
• fonts — font color and highlight. On by default.
• format — headings 1 to 3, paragraph and clear formatting. On by default.
• list — ordered and unordered lists.
• align — text alignment buttons.
• indentOutdent — indent and outdent.
• actions — copy, cut, paste and delete.
• extra — inline code and horizontal rule.
• undoredo — undo and redo inside the text editor.

Everything past format is off by default. Set a section to false to disable it completely, or pass an object to pick individual buttons.

Appearance

maxWidth controls when the toolbar wraps to a second row — the default of 600px fits the sixteen default buttons. darkColorPicker switches the color picker to dark mode, and icons accepts replacements for any of the twenty-plus button icons.

Good to know

Install as grapesjs-rte-extensions.