Powerful and flexible rich text editor for React, Vue, Preact, Svelte, and SolidJS.
A handle that appears on hover, allowing you to drag and re-order blocks.
Code block with syntax highlighting and a Mermaid diagram preview.
Full-featured editor with most available features enabled.
Inline formatting menu that appears on text selection.
Minimal editor setup with basic functionality.
Command menu triggered by typing slash (/).
Table node with row and column operations.
Formatting toolbar with common editing actions.
(No description)
(No description)
(No description)
(No description)
(No description)
(No description)
(No description)
(No description)
(No description)
(No description)
(No description)
(No description)
(No description)
(No description)
(No description)
(No description)
(No description)
(No description)
(No description)
(No description)
(No description)
(No description)
A handle that appears on hover, allowing you to drag and re-order blocks.
Example for blockquote node.
Example for bold mark.
Track and commit document changes with version history.
Example for inline code mark.
Code block with syntax highlighting and a Mermaid diagram preview.
Code block with multiple syntax highlighting themes.
Visual cursor indicator during drag-and-drop operations.
Auto-convert text shortcuts to emojis using input rules.
Change the font family of text.
Full-featured editor with most available features enabled.
Cursor navigation between non-text block elements.
Example for hard line break node.
Example for heading node with multiple levels.
Example for highlighting text (like a highlighter pen).
Example for horizontal rule node.
Custom image node views with resize support.
Inline formatting menu that appears on text selection.