🧪 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.min.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.min.js"></script>
    <editora-editor height="400"></editora-editor>

🚀 Editora Web Component

✅ Verification Complete