Dante 3 for modern publishing surfaces

Block editing without dragging a legacy site behind it.

The public Dante site now focuses on one editor: the current TipTap + ProseMirror stack, live examples, and documentation that matches the product you actually ship.

Try the live editor Read the docs Open repository

TipTap + ProseMirror core

A modern editing engine with predictable document structure and extension points.

JSON or HTML output

Persist rich content in the format that fits your product and keep renderer parity.

React block architecture

Compose node views for uploads, recorders, embeds, dictation, and custom interactions.

Install

Drop Dante into your React app.

v1.4.2

npm

npm install dante3

Minimal setup

import DanteEditor from "dante3"

<DanteEditor bodyPlaceholder="Write the next section" />

Media blocks that feel first-party

Image, file, embed, video, audio recorder, video recorder, dictation, and GIF flows all live inside the same authoring surface.

Composable integration surface

Pass widgets, tooltips, upload handlers, editor props, and renderer helpers without forking the editor core.

Documentation with live code

The docs run live snippets so you can test APIs in place instead of copying disconnected examples.

Example Presets

Start from a realistic editing scenario.

These presets swap the demo content inside the live editor below, so you can test a writing flow, a product spec, or a docs-oriented draft without leaving the page.

Live demo

Long-form writing with structure, quotes, and code.

A starter document for articles, changelogs, and internal notes where formatting should feel invisible.

Docs shortcuts

Start Here

Basic options

Set up the editor, placeholders, readonly mode, update callbacks, and tooltip placement.

Blocks

Configurable extensions

Wire upload handlers and custom block options without leaving the docs examples.

Output

Renderer

Render Dante content outside the editor while preserving your extension model.

Input

Parsers

Parse HTML into Dante JSON with the same extension set you use at runtime.

Active preset

Editorial Flow

Editable mode