Markdown Preview
Preview Markdown as rendered HTML
Hello, Markdown
A quick bold word and some italics.
- Bullet one
- Bullet two
- Nested
- Bullet three
const greeting = 'hello world';
console.log(greeting);
Block quotes work too.
| Col A | Col B |
|---|---|
| 1 | 2 |
| 3 | 4 |
What flavour of Markdown is supported?
The preview uses the `marked` parser configured for GitHub-Flavored Markdown (GFM): tables with `|` separators, fenced code blocks with ``` markers and language hints, autolinks for URLs, task list checkboxes (`- [ ]`), and strikethrough with `~~text~~`.
Output HTML is sanitised before rendering, so pasting untrusted Markdown can't inject script tags or stylesheets into your browser. If you need raw unsanitised HTML output, use a dedicated parser locally.
Examples
# Title
**bold** and *italic* text.
- list item
- another<h1>Title</h1>
<p><strong>bold</strong> and <em>italic</em> text.</p>
<ul><li>list item</li><li>another</li></ul>Frequently asked questions
Which Markdown extensions are supported?
GitHub-Flavored Markdown: tables, fenced code blocks, autolinks, task lists, strikethrough. Footnotes and admonitions are not supported.
Is HTML allowed inside Markdown?
Yes, but the output is sanitised — `<script>`, `<style>`, and on-event attributes are stripped before rendering.
Can I export the rendered HTML?
Use your browser's view-source or DevTools to copy the rendered HTML. Right-click the preview and 'View Frame Source' if available.
Are code blocks syntax-highlighted?
No — fenced code blocks render with monospace styling but without language colour highlighting. Add a Markdown processor like `markdown-it` + `highlight.js` locally for that.
Is the input sent to a server?
No. Parsing and rendering happen in your browser.