What is a WYSIWYG editor?

WYSIWYG stands for "What You See Is What You Get." It's a type of editor that lets you format text visually — clicking Bold makes text bold immediately, instead of typing markup like **bold** or <strong>. This is how most word processors, email clients, and content management systems let people write formatted content without knowing HTML.

Tool description

The WYSIWYG Editor is a rich text editor built with Tiptap that runs entirely in your browser. Format text with a familiar toolbar — headings, bold, italic, underline, lists, blockquotes, code blocks, links, and text alignment — and see the result rendered exactly as you type, since the editor itself is the preview. Switch to the HTML source tab any time to inspect, edit, copy, or download the generated markup for use anywhere: a blog post, an email template, a CMS, or your own app.

Features

  • Rich formatting toolbar - Headings (H1-H3), bold, italic, underline, strikethrough, inline code, and clear formatting
  • Lists and structure - Bullet lists, numbered lists, blockquotes, code blocks, and horizontal rules
  • Text alignment - Left, center, right, and justified paragraphs
  • Link editing - Insert, update, and remove links without leaving the editor
  • HTML source tab - Switch to a raw HTML view to inspect, edit, copy, or download the markup
  • Two-way sync - Edit the HTML directly and switch back to see it rendered in the editor
  • Word and character count - Track content length as you write
  • Undo/redo - Full editing history with one click
  • Light and dark theme support - Matches your site theme automatically