Localize a Rich Text Editor at Runtime
Build a runtime language switcher for Domternal in React, Angular, Vue and Vanilla, add German or custom translations, and localize Pro panels and dates.
Tutorials
Step-by-step guides for building rich text editors with Domternal, one feature at a time.
React Rich Text Editor: Export to Word and PDF
Add Word and PDF downloads to a React rich text editor. Build a complete example with tables, images, page settings, progress, errors and export warnings.
Rich Text Editor in Next.js 16 (App Router)
Build a Next.js rich text editor with React client components, Server Actions, JSON storage and a server-rendered read view. Includes a complete working example.
Build a Notion-Style Editor in Vue 3
Step-by-step Vue 3 tutorial for a Notion-style block editor with slash commands, drag handles, multi-level nesting, block colors and a floating outline.
Build a Notion-Style AI Editor in React
Step-by-step React tutorial for a Notion-style AI assistant: Ask AI in the bubble menu, rewrites reviewed as a word-level diff, your own model key behind a proxy.
Build a Notion-Style Editor in Angular
Step-by-step Angular tutorial for a Notion-style block editor: slash commands, drag handles, nested drag-and-drop, block colors and a floating outline.
Build a Notion-Style Editor in React
Step-by-step React tutorial for a Notion-style block editor with slash commands, drag handles, multi-level nesting, block colors and a floating outline.
Build a Comment Box with @Mentions in Vue
Step-by-step Vue tutorial for a comment box with an @mention popup, emoji autocomplete, Enter to send, and a thread that knows exactly who to notify.
Rich Text in Angular Reactive Forms
Step-by-step Angular tutorial for a rich text editor inside reactive forms, with required validation that actually works, a character limit, lock and reset.