Headless editor

The editor runs with no toolbar. Your application supplies the buttons, reads the state the editor reports, and exports the content in the format it needs.

Your buttons

Active at the caret: none

Exports

0 words, 0 characters

Loading the editor…

Full UI editor or headless?

RichTextEditor is one engine with two front ends. Choose the full UI when you want a finished editor. Choose headless when your application already has its own toolbar and design system and needs only the editing engine.

ConcernFull UI editorHeadless
ToolbarBuilt in, configured with toolbar optionsNone. Your own buttons call run()
FormattingToolbar, menus and keyboard shortcutsrun(command, value) from your own controls
Knowing what is activeShown on the toolbarisActive(name), can(command) and update events
Exporting contentgetHTML, getText, getMarkdown, getJSONThe same methods
Best forA finished editor you can drop inA custom toolbar, your own design system, or a non-browser UI

See the full UI editor demos for the complete toolbar, or the JavaScript API demo for the programmatic surface both modes share.