The best free rich text editor with enterprise features. Get 40+ free plugins, 33+ keyboard shortcuts, accessibility support, and advanced formatting workflows with zero subscription cost.
Optimized performance with modular loading, tree-shakable imports, and multi-instance-safe plugin behavior.
Pick and choose the plugins you need. Build a custom editor that fits your requirements.
Works with React, Vue, Angular, Svelte, or vanilla JavaScript. One editor for all platforms.
Comprehensive keyboard shortcuts matching industry standards. Boost productivity.
Customize colors, toolbar, plugins, and behavior to match your brand perfectly.
Extended functionality with full/lite/enterprise presets plus per-plugin imports for strict bundle control.
Use @editora/plugins/enterprise for advanced workflows like track changes, compliance checks, PII redaction, and translation QA.
Create your own plugins with a full tutorial and production-ready examples.
Work together with your team in real-time, instantly seeing updates as they happen.
# Web component
npm install @editora/core @editora/themes
# React
npm install @editora/react @editora/core @editora/plugins @editora/themes react react-domFor no-build HTML usage, load @editora/core/dist/webcomponent.js via CDN.
For React imports, choose @editora/plugins (full), @editora/plugins/lite (common), or @editora/plugins/enterprise (advanced).
import { createEditor } from '@editora/core';
// Or React
import { EditoraEditor } from '@editora/react';
import "@editora/plugins/styles.css";
import "@editora/themes/themes/default.css";Use @editora/themes/themes/default.css as base, then optional overrides like dark.css or acme.css.
const editor = createEditor({
content: '<p>Hello!</p>'
});
editor.mount(document.getElementById('editor'));Web component also supports theme, autosave, security, accessibility, and performance config groups.
Extend functionality with our comprehensive plugin ecosystem.
Advanced workflows are available through @editora/plugins/enterprise. Full/lite/enterprise entry paths are all free and fully customizable.
Editora is a modular content-authoring platform, not just a rich text editor. It combines a core editing engine with UI foundations, themes, icons, performance utilities, and framework adapters.
Use these packages independently or together to build scalable authoring experiences across Web Components, React, Angular, Vue, and Svelte.
Native plugin suite with full/lite/enterprise entry paths for common and advanced workflows.
View Plugins →Lightweight code editor used by source/code editing workflows.
Open Demo →Try Editora in action with our interactive examples and demos.
Side-by-side comparison of light and dark themes with full native plugin functionality.
Try It →Test all native plugins including formatting, links, tables, and keyboard shortcuts.
Try It →Advanced toast notification system with themes, animations, and interactions.
Try It →| Feature | Editora | Industry Standard |
|---|---|---|
| Package Size | ✅ 12KB | ❌ 50-100KB |
| Framework Support | ✅ All | ❌ Limited |
| Keyboard Shortcuts | ✅ 33+ | ⚠️ 20+ |
| Plugin System | ✅ Yes | ⚠️ Limited |
| TypeScript Support | ✅ Full | ⚠️ Partial |
| Open Source | ✅ MIT License | ⚠️ Commercial |
Get started with Editora in minutes. Choose from React, Vue, Angular, or use vanilla JavaScript.