About Markdown Preview

Write markdown and see the rendered output live. Toolbar for formatting, copy as HTML. Free, no sign-up required.

How to use

1. Type or paste Markdown into the editor pane. The preview pane to the right (or below on narrow screens) updates live as you type — every keystroke re-renders, so syntax errors and missing closing tokens become obvious immediately.
2. Use the toolbar buttons (B for bold, I for italic, H for heading, link, image, code, list, quote) to insert syntax around the current selection or at the cursor. Selecting 'foo' and clicking B wraps it as **foo**; clicking H without a selection inserts ## at line start.
3. For inline code, wrap text in single backticks: `const x = 1`. For code blocks, fence with triple backticks and a language tag for syntax highlighting: ```js then code then ```. The preview honors common languages (js, ts, py, html, css, bash, json).
4. Build tables with pipe-and-dash syntax: header pipes on the first row, dash separators on the second, then data rows. Cell alignment is set in the separator: :--- left, :---: center, ---: right. The preview renders tables in standard HTML form.
5. Click Copy HTML to grab the rendered output as raw HTML — paste into a CMS, an email signature builder, a static site generator, or anywhere that takes HTML but not Markdown. The HTML is sanitized of