Markdown Preview

What it does

Write or paste Markdown on the left and see it rendered on the right as you type. The renderer supports GitHub-flavored Markdown: tables, task lists (- [x] done), fenced code blocks, strikethrough and autolinks.

• Synchronized scrolling keeps the preview on the block you are editing, even with long wrapped paragraphs. Scrolling the preview moves the editor too.
• Editor, split or preview layouts, plus the Focus button for a distraction-free full-window view.
• Export: copy the rendered HTML, download the .md file, or download a standalone .html page with readable styling that works in light and dark mode.
• Word count and reading time of the rendered text, not the Markdown syntax.
• Open or drop a .md file to preview a README before you push it.

Safe by default

Markdown can contain raw HTML. Every render is passed through DOMPurify, which removes scripts, event handlers and javascript: links, so pasting an untrusted README cannot run code on this page. The copied and downloaded HTML is sanitized the same way.

How to use it

1. Type, paste, open or drop Markdown into the editor (or press Example).
2. Turn on Line breaks if single new lines should become <br>, as in GitHub comments.
3. Copy or download the result.

Rendering uses marked. Small differences from GitHub are possible, for example GitHub-specific extensions such as alerts, footnotes and math are shown as plain Markdown.

Privacy

Your document stays in your browser and is kept in local storage. Images or links you add are loaded by your browser like any web page would.