Editora Logo

🎨 Editora Web Component Examples

TinyMCE-style declarative API for framework-agnostic usage

1. Basic Usage

Simple editor with default configuration:

Welcome to Editora! Start editing this text...

Features include:

2. Custom Toolbar Configuration

Editor with declarative toolbar string:

This editor has a custom toolbar with only basic formatting options.

3. Read-only Mode

Editor in read-only mode (try to edit it):

This editor is read-only. You cannot edit this content.

Perfect for displaying formatted content without editing.

4. Dark Theme

Editor with dark theme:

5. Event Handling

Editor with event listeners:

Type something to see events in action...

Events Log:

    

6. JavaScript Configuration (Highest Priority)

Editor configured via JavaScript API:

7. Multiple Editors on Same Page

Multiple independent editor instances:

Editor A

Editor A content

Editor B

Editor B content