Toolsel

Markdown Preview

Runs in your browser

Write Markdown and see the rendered HTML side by side, live.

What is a Markdown Preview?

Markdown is a lightweight syntax for formatting text using plain punctuation — asterisks for emphasis, hyphens for lists, backticks for code — that stays readable even before it is rendered. It became the default format for README files, documentation, pull request descriptions, and chat formatting because it is fast to write and does not require a WYSIWYG editor.

This preview renders GitHub-flavoured Markdown: headings, emphasis, links, images, blockquotes, ordered and unordered lists, fenced code blocks with syntax highlighting classes, tables, and strikethrough. The rendered output is sanitised before display, so pasted Markdown containing raw HTML or script tags cannot execute anything in your browser.

How to use it

  1. Type or paste Markdown into the left panel.
  2. The rendered preview updates on the right as you type.
  3. Use the toolbar buttons to wrap selected text in bold, italic, or code formatting, or insert a link.
  4. Copy the raw Markdown, copy the rendered HTML, or download the Markdown as a .md file.

Example

Basic formatting

Input
# Heading

Some **bold** and *italic* text with a [link](https://example.com).

- Item one
- Item two
Output
<h1>Heading</h1><p>Some <b>bold</b> and <i>italic</i> text with a link.</p><ul><li>Item one</li><li>Item two</li></ul>

Frequently asked questions

Is it safe to paste Markdown from an untrusted source?
Yes. The rendered HTML is passed through a sanitiser that strips script tags, event handlers, and other executable content before display, so pasted Markdown cannot run code in your browser even if it contains raw HTML.
Does this support tables and strikethrough?
Yes — this preview follows GitHub-flavoured Markdown (GFM), which adds tables, strikethrough (~~text~~), task lists, and automatic URL linking on top of standard Markdown.
Can I use this to write a README?
That is exactly what it is for. Write and preview locally, then copy the raw Markdown into your README.md file, or download it directly.
Why doesn't my raw HTML show up in the preview?
The sanitiser removes most raw HTML tags to keep the preview safe from injected scripts. Stick to Markdown syntax for formatting — it covers headings, emphasis, links, images, lists, tables, and code blocks without needing HTML at all.