@domternal/extension-code-block-lowlight
v0.6.2
Published
Code block with syntax highlighting via lowlight for Domternal editor
Maintainers
Readme
@domternal/extension-code-block-lowlight
A lightweight, extensible rich text editor toolkit built on ProseMirror. Framework-agnostic headless core with first-class Angular, React, and Vue support.
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 (signals, OnPush, zoneless-ready)
- React components - composable
Domternalcomponent, toolbar, bubble menu, floating menu, emoji picker, custom node views (React 18+) - Vue components - composable
Domternalcomponent,useEditor/useEditorStatecomposables, toolbar, bubble menu, floating menu, emoji picker, custom node views (Vue 3.3+) - 57 extensions across 12 packages - 23 nodes, 9 marks, and 25 behavior extensions
- 140+ 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
- ~38 KB gzipped (own code), ~108 KB total with ProseMirror
- TypeScript first - 100% typed, zero
any - 8,500+ tests - 2,677 unit tests and 5,800+ E2E tests across 120+ Playwright specs
- 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,generateTextfor 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
