Markdown Previewer
Write Markdown on the left and see it rendered live on the right.
Last updated
How to preview Markdown
- Type or paste Markdown on the left.
- See it rendered on the right as you type; turn GitHub extensions on or off.
- Click Copy as HTML to take the rendered result with you.
What's supported
The preview uses markdown-it, a parser that follows the CommonMark specification exactly, so what you see here matches GitHub, GitLab, Reddit, Discourse and other CommonMark-based sites. That covers all standard Markdown: headings, emphasis, links and images (inline or by reference), lists of any depth, blockquotes, code spans and fenced code blocks, horizontal rules, hard line breaks and backslash escapes.
With GitHub extensions on (the default) you also get tables, ~~strikethrough~~, task lists (- [ ] and - [x]), footnotes ([^1]), and plain URLs turned into links. Code blocks with a language (```js, ```python and around 40 others) are syntax-highlighted. HTML such as <details>, <kbd> or <sup> works inside Markdown, as on GitHub, but scripts and other unsafe content are stripped out.
Copy as HTML gives you clean markup for the rendered document. Everything runs locally in your browser as you type; nothing is uploaded.
Questions about Markdown
How do I make a table in Markdown?
Use pipes and dashes: a header row like | Name | Age |, then |---|---|, then a row per line. GitHub extensions must be on.
How do I add a code block?
Put three backticks on the line before and after. Add the language after the first ones, such as ```python, for syntax highlighting.
Does it look the same as GitHub?
Very close. It uses a CommonMark parser like GitHub, with tables, task lists, footnotes and strikethrough.
How do I make a checklist?
Start lines with - [ ] for an empty box or - [x] for a ticked one.