Sections
@editorcn/editor
@editorcn/block-editor
@editorcn/extensions
@editorcn/static-renderer
Editorcn ships a set of ready-to-use Tiptap extensions — real Tiptap Nodes, Marks and Extensions with their own commands — plus a matching toolbar component for each.
Each extension is installed individually with the shadcn CLI and copied into your project as editable source, so you can adjust behavior, options and styles freely. Installing an extension brings its source, its toolbar component and the shared extensions/core runtime in one go.
Every extension page has a live preview, an installation guide, usage snippets, the options you can pass to .configure(), and the commands the extension adds.
Available extensions
- Code Block — a Notion-style code block with Shiki highlighting, a searchable language menu, copy, wrap, captions, Prettier formatting, and live Mermaid diagrams.
- Image Placeholder — a Notion-style image placeholder node with upload and URL embed support, resizable image node view, and its own toolbar button.
- Markdown — load, store, and paste markdown, with lossless round-trips for tables, task lists, mentions, and embeds.
- Mention — an @ picker that inserts inline mentions with a stable id, with avatars, descriptions, async search and keyboard navigation.
- Paste Cleanup — cleans HTML pasted from Google Docs, Notion, Word, and web pages, keeping formatting and lists while dropping fonts, colors, and empty lines.
- Table — a table node with a grid-size picker toolbar, row and column management, cell merge and split, hover context handles, and resizable columns.
On This Page
Available extensionsFrom the editorcn authorTriStack
Scaffold production-ready Python, Go, and Rust projects from one CLI. Open source, zero lock-in.