Rich Editors - EasyAdmin

Quill Editor

Full-featured rich text editor with Snow theme

Welcome to Quill!

Quill is a free, open source WYSIWYG editor built for the modern web. With its modular architecture and expressive API, it is completely customizable to fit any need.

Here are some features:

Fast and lightweight
Semantic markup
Standardized HTML between browsers
Cross browser support including Chrome, Firefox, Safari, and Edge

Bold, italic, underline, and ~~strikethrough~~ text formatting.

Quill Bubble Theme

Bubble Theme Editor

Tooltip-based theme - select text to see formatting options

Select some text in this editor to see the bubble tooltip with formatting options.

The bubble theme provides a cleaner editing experience by hiding the toolbar until you need it. Simply highlight any text to see available formatting options.

This is great for:

Minimalist interfaces
Inline editing
Comment systems
Note-taking applications

Custom Toolbar

Minimal Toolbar

Basic formatting options only

A minimal editor with just the essential formatting options: bold, italic, underline, and lists.

Perfect for simple text input like comments or short descriptions.

Extended Toolbar

All formatting options available

This editor has an extended toolbar with all available formatting options including fonts, colors, alignment, and media embedding.

TinyMCE Editor

TinyMCE Full Editor

Feature-rich WYSIWYG editor with extensive plugin support

<h2>TinyMCE Editor</h2>
            <p>TinyMCE is a platform independent web-based JavaScript HTML WYSIWYG editor. It enables you to convert HTML textarea fields or other HTML elements to editor instances.</p>
            <p> </p>
            <h3>Features</h3>
            <ul>
              <li>Easy to integrate with any web application</li>
              <li>Highly customizable with plugins</li>
              <li>Supports tables, images, media, and more</li>
              <li>Available in multiple languages</li>
            </ul>
            <p> </p>
            <table style="border-collapse: collapse; width: 100%;" border="1">
              <thead>
                <tr>
                  <th style="width: 33.3333%;">Feature</th>
                  <th style="width: 33.3333%;">Status</th>
                  <th style="width: 33.3333%;">Notes</th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td style="width: 33.3333%;">Tables</td>
                  <td style="width: 33.3333%;">Supported</td>
                  <td style="width: 33.3333%;">Full table editing</td>
                </tr>
                <tr>
                  <td style="width: 33.3333%;">Images</td>
                  <td style="width: 33.3333%;">Supported</td>
                  <td style="width: 33.3333%;">Drag and drop</td>
                </tr>
                <tr>
                  <td style="width: 33.3333%;">Media</td>
                  <td style="width: 33.3333%;">Supported</td>
                  <td style="width: 33.3333%;">Video embedding</td>
                </tr>
              </tbody>
            </table>

TinyMCE Variants

Inline Editor

Edit content directly inline without a toolbar

Click here to edit this content inline. The toolbar will appear when you start editing.

This mode is perfect for in-place editing scenarios where you want users to edit content directly on the page.

Minimal Editor

Streamlined editor with essential features

Markdown Editor

Markdown Input

Simple textarea with markdown formatting buttons

Preview

Live markdown preview

Live Preview

Code Editor

Simple code editor with syntax highlighting simulation

1

// Sample JavaScript Code
function greet(name) {
  return `Hello, ${name}!`;
}

const users = ['Alice', 'Bob', 'Charlie'];

users.forEach(user => {
  console.log(greet(user));
});

// Arrow function example
const add = (a, b) => a + b;
console.log(add(2, 3)); // Output: 5

15 lines | 0 characters

Editor in Form Context

Create Blog Post

Example form with rich text editor integration

Post Title

Rich Text Editors

Quill Editor

Welcome to Quill!

Quill Bubble Theme

Bubble Theme Editor

Custom Toolbar

Minimal Toolbar

Extended Toolbar

TinyMCE Editor

TinyMCE Full Editor

TinyMCE Variants

Inline Editor

Minimal Editor

Markdown Editor

Markdown Input

Preview

Code Editor

Code Editor

Editor in Form Context

Create Blog Post