Browser-based rich text editor

MNBEditor

A browser-based rich text editor with a document-style workspace, configurable toolbars, visual/code/preview modes, font management, page ruler controls, alerts, modal forms, and an extensible tool system.

V Visual • Code • Preview T Minimal • Basic • Full Toolbars F Web Fonts + Local Fonts A Extensible Tool API
Open Developer Guide ↗
📘
Developer setup Docs-style multi-row toolbar with a ruler and draggable left/right page margins. Add a new feature by creating a tool file and importing it in src/mnb-editor.main.js.
✦
What it includes Rich text formatting tools and toolbar presets: minimal, basic, full.
◫
Editing modes Visual editor, HTML code view, and preview mode.
⌁
Workspace controls Margin ruler, page layout controls, content limits, counters, and enforcement.
▦
Advanced tools Tables, comments, media, embeds, gallery, export, print, themes, and more.
A
Font management Custom font support via web fonts and uploaded local fonts.
⚙
Extensible API Tool extension support with buttonTool(...) and selectTool(...).
🤖
AI assistance Built-in AI actions for improving, rewriting, or transforming selected text with configurable providers.
✓
Spellchecker Ready for browser-native spellcheck integration so typos can be surfaced while users write and edit.

Editor Options

Inspect the editor instance, generated HTML, and plain text output.

Click a button to inspect editor data.