@domternal/extension-mention

A lightweight, extensible rich text editor toolkit built on ProseMirror. Framework-agnostic headless core with first-class Angular, React, Vue, and Vanilla wrappers. Use it headless with vanilla JS/TS, add the built-in toolbar and theme, or drop in ready-made framework components. Fully tree-shakeable, import only what you use, unused extensions are stripped from your bundle.

Links

Website    •    Documentation StackBlitz (Angular)    •    StackBlitz (React)    •    StackBlitz (Vue)    •    StackBlitz (Vanilla TS)

Features

See Packages & Bundle Size for a full breakdown of all packages and what each one includes.

• Headless core - use with any framework or vanilla JS/TS
• Angular components - editor, toolbar, bubble menu, floating menu, emoji picker, notion color picker (signals, OnPush, zoneless-ready)
• React components - composable Domternal component, toolbar, bubble menu, floating menu, emoji picker, notion color picker, custom node views (React 18+)
• Vue components - composable Domternal component, useEditor/useEditorState composables, toolbar, bubble menu, floating menu, emoji picker, notion color picker, custom node views (Vue 3.3+)
• Vanilla wrapper - framework-free class-based API for Astro, Svelte, Solid, plain HTML, and Web Components - editor, toolbar, bubble menu, floating menu, emoji picker, notion color picker
• Notion-style block UX - drag-to-reorder, block context menu, slash command, smart paste, keyboard reorder, floating Table of Contents
• 65+ extensions across 15 packages - nodes, marks, and behavior extensions
• 120+ chainable commands - editor.chain().focus().toggleBold().run()
• Full table support - cell merging, column resize, row/column controls, cell toolbar, all free and MIT licensed
• Tree-shakeable - import only what you use, your bundler strips the rest
• ~44 KB gzipped (own code), see Packages for full bundle breakdown with ProseMirror
• TypeScript first - 100% typed, zero any
• 15,000+ tests - 4,000+ unit and 11,000+ E2E across 230+ Playwright specs and 4 demo apps
• Light and dark theme - 70+ CSS custom properties for full visual control
• Inline styles export - getHTML({ styled: true }) produces inline CSS ready for email clients, CMS, and Google Docs
• SSR helpers - generateHTML, generateJSON, generateText for server-side rendering

Documentation

• Getting Started - install and create your first editor
• Introduction - core concepts, architecture, and design decisions
• Packages & Bundle Size - what each package includes and bundle size breakdown
• Blog

License

MIT