Editora Logo

🚀 Editora Web Component - Advanced Features

Plugin modes, custom slots, and advanced configurations

1. Plugin Operation Modes

Plugins can operate in three modes: local, api, or hybrid

Local Mode

All operations happen client-side

This editor uses local spellchecking (browser native).

Hybrid Mode

API first, fallback to local

This editor tries API first, then falls back to local mode.

2. Custom Toolbar and Status Bar (Slots)

Replace default UI with custom components using slots

Custom UI Example

This editor has a custom gradient toolbar and dark status bar.

Characters: 0 Words: 0 Last edit: Never

3. Configuration Priority System

Priority: JS Config > HTML Attributes > Plugin Defaults > Editor Defaults

Attribute: theme="light", toolbar="undo redo | bold italic"

4. Reactive Attribute Updates

Changes to attributes update the editor in real-time

Try the buttons below to change attributes dynamically.

5. JavaScript API Methods

Access the editor programmatically

Use the buttons to interact with this editor via JavaScript.

API Result:
// Execute an API method to see results

6. Complete Event Lifecycle

Track all editor events

Interact with this editor to see events.

Event Log: