Powerful and flexible rich text editor for React, Vue, Preact, Svelte, and SolidJS.
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.
Notion-style editor with block-based editing.
Page layout with configurable paper settings.
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.
Search and highlight text with navigation.
Command menu triggered by typing slash (/).
Example for strikethrough mark.
Example for subscript and superscript marks.
Table node with row and column operations.
Text alignment options (left, center, right, justify).
Change text and background color.
Formatting toolbar with common editing actions.
Embed and display Twitter tweets.
Typography enhancements like smart quotes and dashes.
Example for underline mark.
Properly unmount and remount editor instances.
Autocomplete menu for @mentions and #hashtag
Dynamic autocomplete menu with async data loading.
Custom node and mark views using view adapters.
Reproduces pointer refocus in an editable nested node view.
Display word and character count statistics.
Real-time collaboration using Yjs CRDT library.
(No description)
(No description)
(No description)
(No description)
(No description)
(No description)
(No description)