Too Much Tools logoToo Much Tools

HTML WYSIWYG Editor

Write rich text with a toolbar and get clean HTML out, locally.

Local, Runs entirely in your browser, your data never leaves your device.
Loading tool…

Write rich text, copy sanitized HTML

This tool gives you a contenteditable panel with a toolbar for bold, italic, underline, headings, paragraphs, bulleted and numbered lists, links, and a clear-formatting button, and mirrors your edits as HTML in a panel next to it. It's meant for quickly producing a snippet of HTML for a CMS field, an email body, or a README section without hand-writing tags. Every keystroke is run through DOMPurify before it reaches the HTML panel, and the editing happens entirely in your browser tab.

How to use the HTML WYSIWYG Editor

  1. Start typing in the left panel, or edit the sample rich text already loaded there.
  2. Use the toolbar buttons for bold, italic, underline, headings, paragraphs or lists.
  3. Click Link and enter a URL when prompted to wrap the current selection.
  4. Use Clear to strip formatting from selected text if it gets messy.
  5. Copy the generated HTML from the right panel, or send it to another tool.

Formatting commands run through the browser's built-in document.execCommand, so the exact tags produced (like <b> versus <strong>, or nested <div> versus <p>) depend on your browser's implementation rather than a fixed template.

Output is sanitized with DOMPurify before display, which strips scripts and dangerous attributes, but the tool still trusts execCommand's own tag choices, so review the HTML before pasting it somewhere formatting matters.

Frequently asked questions

Is the HTML I write uploaded anywhere?
No, the editable area and the HTML preview both live in your browser tab; nothing you type or format is sent to a server at any point.
Why does the generated HTML differ between browsers?
The editor relies on the browser's own document.execCommand to apply formatting, and different browsers can produce slightly different tags (like <b> versus <strong>) for the same toolbar action.
Is the output HTML safe to paste into another page?
It's run through DOMPurify, which strips script tags and dangerous attributes, but you should still review the markup, since execCommand output isn't guaranteed to be semantically minimal.
Can I paste existing HTML in and keep editing it?
You can paste rich text from another source into the editable area and continue formatting it with the toolbar, though the tool doesn't expose a separate raw-HTML input mode.