A simple rich-text editor with formatting buttons (bold, italic, underline, lists, links) and a 'View HTML source' button. Useful for drafting formatted content and copying the resulting HTML.
A WYSIWYG editor lets you format text visually instead of typing HTML manually. The browser's contenteditable attribute plus document.execCommand provides a working basic editor without any libraries. View Source shows you the HTML the editor generates.
Click into the editor area and start typing. Use the toolbar buttons to format selected text: bold, italic, underline, bullet list, numbered list, or insert a link. Click Show HTML Source to see the underlying HTML — copy it for use in your CMS, email template, or HTML page.
Use it for drafting blog content with formatting, for previewing email signatures, for generating HTML snippets for forum posts, and for learning how rich-text editors work under the hood.
For more advanced editing (image insertion, tables, custom styles), use a dedicated editor like TinyMCE or CKEditor. document.execCommand is deprecated but still works in all modern browsers. The HTML output is browser-default — you may want to clean it up before pasting into your CMS.
execCommand generates browser-default HTML which varies (some browsers add <font> tags, others use spans). Clean up if needed.
No — copy your work or paste into the Online Notepad for auto-save.
Not in this version — for images use a CMS or a richer editor like TinyMCE.
Explore more writing utilities on the tool hub — or jump straight to the Online Notepad, Word Combiner, Morse Code Translator.