Markdown Previewer
Live render Markdown to HTML.
Overview
Type or paste Markdown on one side and see the rendered HTML on the other, updated as you type. The preview supports headings, lists, links, images, tables, fenced code blocks with syntax highlighting, blockquotes, and the common GitHub Flavored Markdown extensions.
Writers drafting README files, bloggers composing posts before pushing to a static site, technical authors preparing documentation, and students learning Markdown all use a live previewer. It removes the build-and-refresh loop from the writing workflow.
How it works
The tool feeds your Markdown through a CommonMark-compatible parser that builds an HTML abstract syntax tree, then sanitizes it (stripping dangerous tags and event attributes) before rendering it inline. Fenced code blocks are passed to a syntax highlighter that detects the language hint after the opening fence. The preview refreshes on each keystroke, debounced so typing stays smooth.
Examples
# My Post
This is **bold** and this is *italic*.
- item one
- item two
```js
const greet = name => `hello, ${name}`;
| col | col |
|---|---|
| a | b |
The preview renders this as a styled heading, paragraph, bullet list, syntax-highlighted code block, and table.
## FAQ
**Which flavor of Markdown does it support?**
CommonMark plus the most common GitHub Flavored extensions: tables, task lists, strikethrough, autolinks, and fenced code blocks with language hints.
**Is the HTML sanitized?**
Yes. Raw `<script>` tags, inline event handlers, and `javascript:` URLs are stripped before rendering, so pasting untrusted Markdown is safe.
**Can I export the HTML?**
The Source/Preview toggle exposes the rendered HTML, which you can copy directly into your own page or templating system.