Powerful and flexible rich text editor for React, Vue, Preact, Svelte, and SolidJS.
(No description)
(No description)
(No description)
(No description)
(No description)
(No description)
(No description)
(No description)
(No description)
(No description)
(No description)
Minimal editor setup with basic functionality.
Command menu triggered by typing slash (/).
(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.
Example for italic mark.
Math equation rendering using the KaTeX library.
Custom keyboard shortcuts and key bindings.
Example for link mark with URL input.
An example showing how to render a mark as a custom component.
Example for list node.
Custom checkbox styling for task lists.
Real-time collaboration using Loro CRDT library.
Input rules for automatic mark formatting.
Minimal editor setup with basic functionality.
Placeholder text displayed.
Toggle between read-only and editable mode.
Right-to-left text direction support.
Save and load documents as HTML format.
Save and load documents as JSON format.
Save and load documents as Markdown format.