A modular, framework-agnostic editing engine with 40+ plugins, real enterprise workflows, and a footprint small enough to ship without a second thought.
Built for the constraints real products actually ship under: bundle size, framework churn, and compliance.
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 →A straightforward look at where a lean, plugin-based architecture pays off.
| Feature | Editora | Typical alternative |
|---|---|---|
| Package size | 12KB | 50–100KB |
| Framework support | All | Limited |
| Keyboard shortcuts | 33+ | ~20 |
| Plugin system | Yes | Limited |
| TypeScript support | Full | Partial |
| License | MIT, free | Often commercial |
Install the core package and have an editor mounted in under five minutes — React, Vue, Angular, Svelte, or plain JavaScript.