Simple HTML Editor

This is a static UI reconstruction of https://aont.github.io/html-editor.html without JavaScript.

Static UI Preview

Toolbar / Interaction States

Default

Selected / Active

Disabled

Editor / Output / Preview

Editor (Normal)

You can edit here

Select text and apply bold, italic, underline, and color.

Editor (Focused Selection)

Loaded Content

Text with link and samples including lists and headings.

  • Insert at Cursor
  • Append to End

HTML Output (editor.innerHTML)

Preview (Rendered As-Is)

You can edit here

Bold and Italic sample.

Load / Insert States

Sanitize ON

Sanitize OFF

Shortcut examples: Ctrl+B (Bold) / Ctrl+I (Italic) / Ctrl+U (Underline) / Ctrl+Z (Undo)