HTML WYSIWYG Editor
Format text visually with a simple rich-text toolbar, and get the underlying HTML markup instantly.
HTML output
Recommended Settings
Pro Tips
- •This covers common formatting - bold, italic, underline, lists, and links - for quick HTML snippets, not a full-featured document editor with tables, images, or advanced styling
- •Select text before clicking a toolbar button to format just that selection, or click first to start typing in a new format
- •The HTML output updates live as you type or format, so you can copy it at any point
- •Use 'Clear Formatting' to strip all styling from selected text back to plain, unformatted content
Most Popular
Most people use this to quickly draft a short formatted snippet (bold, italic, a link, or a list) and grab the raw HTML for a CMS or email
When to Use This Tool
Visually format a short piece of text and get the matching HTML markup.
Compose formatted content visually and copy the HTML into an email client or CMS field.
See exactly which HTML tags common formatting actions like bold or lists produce.
Rapidly draft and preview simple formatted content without writing HTML by hand.
How It Works
Provide a content-editable area where visual formatting commands apply directly to selected text
Use the browser's built-in rich-text editing commands to apply bold, italic, lists, and links
Read the editable area's live HTML markup and display it as text
100% Private
Files never leave your device. All processing happens locally in your browser.
Lightning Fast
Powered by Client-side contentEditable and rich-text editing commands for optimal performance on modern browsers.
Open Source
Built with verified, open-source libraries. Fully transparent.
Frequently Asked Questions
Can I paste formatted content from Word or Google Docs?
You can paste text, but formatting from other applications may carry over inconsistently since it depends on your browser's paste handling - for the cleanest results, format text using the toolbar after pasting plain text.
Does this support images or tables?
No, this tool focuses on common text formatting - bold, italic, underline, lists, and links. For images or tables, you'll need to add that HTML manually.
Why does the HTML look different from what I expect?
Different browsers can produce slightly different underlying HTML for the same visual formatting (for example, <b> vs <strong>), since this relies on the browser's built-in editing commands.
Is my content sent anywhere?
No. All editing and HTML generation happens locally in your browser.