MARKDOWN PREVIEWER
Write Markdown on the left and watch the HTML render on the right, styled exactly like a post on this site. Everything happens in your browser — nothing is uploaded.
Generated HTML
How it works
Type Markdown directly, open a .md file, or load the example to see the syntax.
The preview re-renders as you type, inside a sandboxed frame styled with this site's stylesheet.
Take the generated HTML with you: copy it to the clipboard, or download a complete styled .html file.
It uses the same renderer as the blog (the vendored
marked behind tools/js/markdown.js) and the same stylesheet, so what
you see here is what a post looks like once it is published.
Markdown cheat sheet
| You type | You get |
|---|---|
# Heading | A level-1 heading (## for level 2, and so on) |
**bold**, *italic* | Bold and italic text |
[text](https://example.com) | A link |
 | An image |
- item | A bulleted list |
1. item | A numbered list |
> quote | A blockquote |
`code` | Inline code |
``` fenced block | A code block that scrolls sideways |
| a | b | with --- under the header | A table |
--- on its own line | A horizontal rule |
Frequently asked questions
renderMarkdown() with the
same options and use the same stylesheet, so the preview is what gets published at
/writing/<slug>/.
sanitize-html, so scripts and event handlers are stripped
before a post is published. Stick to Markdown for anything you intend to publish.
Privacy: this tool runs entirely in your browser. Using it makes no network requests beyond loading this page's own assets.