🎨 Rich Text Editor - All Plugins Demo

✅ Success! This web component now uses the EXACT SAME plugins as the React/Storybook version. All features are included: dropdowns, inline-menus, dialogs, and full command support. No code duplication!

1. Full Toolbar (All Plugins)

All 30+ plugins loaded from @editora/plugins package:

Welcome to Editora!

This editor includes ALL real plugins:

  • Text formatting with full command support
  • Headings dropdown (H1-H6)
  • Font family & size dropdowns
  • Text & background color pickers
  • Tables, Math, Emojis, Special Characters
  • Links with dialogs
  • And 20+ more plugins!

2. Basic Formatting

Configure: toolbar="history | bold italic underline strikethrough"

This editor shows only basic text formatting.

3. Document Editor

Configure: toolbar="history | heading | list | textAlignment | link blockquote"

Document Title

This editor includes heading dropdown, lists with full functionality, and text alignment.

4. Rich Content Editor

Full featured: toolbar="history | heading | bold italic underline | fontSize fontFamily | textColor backgroundColor | list table | link"

Rich Content Example

Bold, italic, and underlined text with font controls.

Try the font family dropdown, font size selector, and color pickers!

5. Minimal Editor

Just the essentials: toolbar="bold italic | link"

A simple editor with only bold, italic, and link options.