Documentation
rich-html-editor is a framework-agnostic HTML editor built for one specific goal:
Allow non-technical users to edit
existing HTML templates safely — without breaking
layout, CSS, or structure.
What problem does it solve?
Most WYSIWYG editors treat content as free-form text. This works for blogs — but fails for:
- Email templates
- Marketing HTML
- CMS-managed layouts
- Approval-based workflows
- Enterprise internal tools
Users can accidentally delete tags, change layout, or inject invalid HTML.
rich-html-editor takes a different approach.
How rich-html-editor is different
- Template-first — works on existing HTML, not blank pages
- Iframe-based isolation — no CSS or DOM leakage
- Controlled editing — only intended regions are editable
- Safe HTML output — editor artifacts removed before export
- Framework-agnostic — React, Angular, Vue, or Vanilla
What this is NOT
rich-html-editor intentionally avoids being a page builder or a
free-form WYSIWYG editor.
- ❌ No drag-and-drop layout editing
- ❌ No arbitrary DOM manipulation
- ❌ No inline CSS chaos
- ❌ No uncontrolled HTML editing
These constraints are what make the editor safe and predictable.
Try it live
The fastest way to understand how the editor works is to use the live playground.
Next steps
- Getting Started — initialize your first editor
- Core Concepts — understand the mental model
- Browser Usage — CDN & iframe setup