Skip to content
Interactive Demo

Try the Editor

A fully interactive editor running right here in your browser. Type/for commands, drag blocks to reorder, or select text to format.

Loading editor...

Open command menu
Indent list item
Undo
Bold text

What you can try here

  • Slash commands

    Type / in an empty block to open the command menu and insert a heading, list, quote, code block or image.

  • Drag and drop

    Grab the handle to the left of any block to move it, or drop it beside another block to nest it inside.

  • Tables and columns

    Insert a table and edit its cells in place, or split the page into columns and drag blocks between them.

  • Read-only mode

    Open Settings and switch the editor to read-only to see the page exactly as a reader gets it.

  • JSON output

    Nothing here is HTML. The content is saved as a plain array of blocks, ready to store or render anywhere.

Instant Feedback

Everything happens locally in your browser. No server roundtrips, just pure performance.

Clean JSON Output

Content is stored as structured JSON blocks. Parse, validate, and store anywhere.

Block-Based Architecture

Create custom block types with simple JavaScript classes. Fully extensible.

Where to go next