Every editor, one click away.

25 live configurations, from a one-line field to the full paged editor. Pick one on the left: it opens in the real editor, with the code that sets it up. The editor loads once and switches between examples in place.

Single-line fields

Rich single lineOne line with bold, italic, underline, strikethrough, superscript, subscript and links from a compact toolbar. Enter submits.

Multi-line rich text

Rich-text fieldA field that grows from 3 to 8 lines, then scrolls.No toolbarShortcuts and input rules only.Note, single-row toolbarA docked, collapsible toolbar row.Note, two-row toolbarThe docked toolbar in two rows.Note, floating toolbarThe toolbar floats over the note.Note, collapsed toolbarFloating, initially collapsed.Embedded noteThe rich-text note in a host panel: the panel's width, 160 high.Theming, light and darkThe same note in the app theme and in a brand theme, side by side. A switch flips the app between light and dark.

Capability sets

Basic marksBold, italic, underline, strike.Marks, lists and linksHeadings, lists, links.Lists, floating toolbarSame set, floating.Checklists, quotes, codeTwo-row toolbar.Tables and imagesLists, tables, images.Tables, collapsed toolbarToolbar starts closed.MarkdownGFM-representable content, Mermaid diagrams, KaTeX math and dividers, with a live Markdown pane.Embedded contentParagraphs, a table and an image in a 320 px host box.

Notes and pages

Notes (pageless)The notes configuration with the standard toolbar row.Notes on pagesThe same configuration on physical pages with full chrome.

Full editor and showcases

Word-like editor (full playground)Every extension, ribbon, rulers, review, import and export.Starter-kit documentDocumentExtension.defaults on pages, single-row toolbar.Table showcaseA styled table with a cell range selected.Citations showcaseCitations and a bibliography.Formatting showcaseHeadings, quotes, code and lists.Blank documentAn empty page in the full editor.