Automated Tests

Dependency Verification

All Native Plugins (No React)

Live Editor Demo

Try editing below - all plugins are native TypeScript/JavaScript with zero React dependency!

Welcome to Editora!

This editor is built with 100% native plugins - no React, no Vue, no framework dependencies!

✅ Bold Plugin - Native TypeScript
✅ Italic Plugin - Native TypeScript
✅ Text Color Plugin - Native with inline picker
✅ Background Color Plugin - Native with inline picker
✅ Font Size Plugin - Native implementation
✅ Table Plugin - Native implementation
✅ Image Plugin - Native implementation

Try using the toolbar above - every single feature works without any framework!

This is a pure web component that works in HTML, React, Vue, Angular, Svelte, or any JavaScript environment.

Usage Examples

1. Vanilla HTML

<!-- Just include the script (Full bundle for all plugins) -->
<script src="packages/core/dist/webcomponent.js"></script>

<!-- Use the custom element -->
<editora-editor
 height="400"
 plugins="bold italic underline link table"
 toolbar-items="bold italic underline | link table"
>
 <p>Your content here</p>
</editora-editor>

2. React (No React Import Needed!)

// React treats it as a native HTML element
function App() {
 return (
 <editora-editor
 height={"400"}
 plugins={"bold italic underline"}
 toolbar-items={"bold italic underline"}
 >
 <p>Content</p>
 </rich-text-editor>
 );
}

3. Vue

<template>
 <editora-editor
 height="400"
 plugins="bold italic underline"
 toolbar-items="bold italic underline"
 >
 <p>Content</p>
 </editora-editor>
</template>

4. CDN Usage

<script src="https://unpkg.com/@editora/core@latest/dist/webcomponent.js"></script>
 <editora-editor height="400"></editora-editor>

Editora Web Component

✅ Verification Complete