Markdown to HTML
Convert Markdown to clean HTML with a live preview. Supports headings, lists, code, tables, images, and links.
Enter input above to see the result.
What is this for?
Markdown is the lingua franca of developer documentation, README files, blog posts, and technical communication. HTML is what browsers and content management systems actually render. This tool converts Markdown syntax into clean, semantic HTML with a live preview so you can validate the output before pasting it into a CMS, generating a static site, or embedding it in an email template.
When to use it
- Writing README files or documentation that will be published as HTML on GitHub, GitLab, or a docs site
- Drafting blog posts or content in Markdown and needing to see the rendered HTML before import
- Converting Markdown snippets to paste into email templates or rich-text editors that accept HTML
- Building static site generators or documentation pipelines and previewing output format
- Validating CommonMark syntax without running a full build step or Node.js environment
- Testing how specific Markdown constructs (tables, code blocks, nested lists) render before committing them
Supported syntax
- Headings from
#(h1) through######(h6); bold**text**, italic*text*, strikethrough~~text~~ - Inline code
`code`and fenced code blocks with language hints```javascript - Unordered, ordered, and nested lists with proper hierarchy
- Hyperlinks
[text](url)and images - Block quotes, pipe tables with left/centre/right alignment, and horizontal rules
- Line breaks, paragraphs, and basic text formatting following CommonMark conventions
How it works
- Paste or type Markdown into the left panel
- The preview on the right updates in real time as you type, showing the rendered HTML output
- Copy the generated HTML directly from the output panel or preview it in a browser view
- No server upload required — all conversion happens in your browser, so your content stays private
Common gotchas
- Parser strictness. This is a fast in-browser CommonMark parser, not a full spec suite. Edge cases like nested emphasis, link reference definitions, and autolink expansion may behave differently than
marked,markdown-it, orremark. For production builds or strict CommonMark conformance, use a battle-tested library in your build step. - HTML passthrough. Raw HTML embedded in Markdown mostly renders as-is, but is not sanitised. Never treat untrusted Markdown as safe — it can contain arbitrary scripts and attributes. Always sanitise user-submitted content server-side if you need security.
- Table formatting. Pipe tables require a separator row with
|---|. Alignment is set with:---:(centre),:---(left), or---:(right). Omitting the separator row is the most common reason a table renders as a paragraph instead. - No smart typography. This tool does not convert
--to en-dashes, straight quotes to curly quotes, or ellipsis to…. If you need typographic refinement, pipe the HTML through a separate typography processor afterwards. - Round-trip normalization. Converting Markdown → HTML → Markdown will normalise heading syntax, list spacing, and link formatting. The semantic meaning survives; exact byte representation does not.