Rich Text Editor Demo - Multiple Use Cases

1. Full-featured Editor

All features enabled. Try formatting, inserting tables, images, emojis, preview, print, source code, etc.

Full Editor:

<h1>Full-featured Editor</h1>
Bold, Italic, Underline, <s>Strikethrough</s>, Superscript, Subscript
Text Color
Highlight
Font Family: Courier New
Font Size: 24pt
Align Left
Align Center
Align Right
Justify
<blockquote>This is a blockquote.</blockquote>
<pre>Preformatted
 Text
 Example</pre>
<ul>
 <li>Unordered List Item 1</li>
 <li>Unordered List Item 2</li>
</ul>
<ol>
 <li>Ordered List Item 1</li>
 <li>Ordered List Item 2</li>
</ol>
Link: <a href="https://github.com/sujeetkrsingh/rich-text-editor">GitHub</a>
Image: <img src="https://placekitten.com/80/80" style="width:80px;height:80px;" alt="Kitten">
Table:
<table style="border-collapse:collapse;width:100%">
 <tr>
 <td style="border:1px solid #ccc;padding:4px;">A1</td>
 <td style="border:1px solid #ccc;padding:4px;">B1</td>
 </tr>
 <tr>
 <td style="border:1px solid #ccc;padding:4px;">A2</td>
 <td style="border:1px solid #ccc;padding:4px;">B2</td>
 </tr>
</table>
Special Character: © € ∞ §
Emoji: 😀 😎 🐱‍👤 🎉
Date/Time:

2. Minimal Editor

Only basic formatting, lists, and links. Great for comments or simple notes.

3. Editor with Custom Toolbar (No Images, No Tables)

No image, table, or emoji support. Useful for blog comments, tickets, etc.

4. Editor with Only Source Code Mode

Only source code editing is enabled. Useful for HTML editing or admin panels.

5. Editor with Table, Emoji, and Special Characters Only

For inserting tables, emojis, and special characters only.

6. Editor in a Modal

This editor appears inside a modal dialog. Useful for popups, dialogs, etc.

7. Email Compose Box Example

A typical email compose box with To, CC, Subject, and a rich text area for the message.

Rich Text Editor Demo — Multiple Use Cases