Examples
block-handle A handle that appears on hover, allowing you to drag and re-order blocks.
blockquote Example for blockquote node.
bold Example for bold mark.
change-tracking Track and commit document changes with version history.
code Example for inline code mark.
code-block Example for code block node with syntax highlighting.
code-block-themes Code block with multiple syntax highlighting themes.
drop-cursor Visual cursor indicator during drag-and-drop operations.
emoji-rules Auto-convert text shortcuts to emojis using input rules.
full Full-featured editor with most available features enabled.
gap-cursor Cursor navigation between non-text block elements.
hard-break Example for hard line break node.
heading Example for heading node with multiple levels.
horizontal-rule Example for horizontal rule node.
image-view Custom image node views with resize support.
inline-menu Inline formatting menu that appears on text selection.
italic Example for italic mark.
keymap Custom keyboard shortcuts and key bindings.
link Example for link mark with URL input.
link-mark-view An example showing how to render a mark as a custom component.
list Example for list node.
list-custom-checkbox Custom checkbox styling for task lists.
loro Real-time collaboration using Loro CRDT library.
mark-rule Input rules for automatic mark formatting.
minimal Minimal editor setup with basic functionality.
placeholder Placeholder text displayed.
readonly Toggle between read-only and editable mode.
rtl Right-to-left text direction support.
save-html Save and load documents as HTML format.
save-json Save and load documents as JSON format.
save-markdown Save and load documents as Markdown format.
search Search and highlight text with navigation.
slash-menu Command menu triggered by typing slash (/).
strike Example for strikethrough mark.
table Table node with row and column operations.
text-align Text alignment options (left, center, right, justify).
toolbar Formatting toolbar with common editing actions.
tweet Embed and display Twitter tweets.
typography Typography enhancements like smart quotes and dashes.
underline Example for underline mark.
unmount Properly unmount and remount editor instances.
user-menu Autocomplete menu for @mentions and #hashtag
user-menu-dynamic Dynamic autocomplete menu with async data loading.
word-counter Display word and character count statistics.
yjs Real-time collaboration using Yjs CRDT library.