Markdown to HTML

Write Markdown with a live HTML preview and export clean HTML. Supports GitHub Flavored Markdown, tables, task lists, and code syntax highlighting.

Jump to section

Complete your workflow →

{ }

JSON FormatterFormat, validate, minify, and explore JSON with a tree view.

→⇄

CSV to JSONConvert CSV data to JSON arrays or objects instantly.

→📝

Word to PDFConvert Word documents and text files to downloadable PDFs.

→

Ad · responsive

How to Use the Markdown to HTML

Type or paste Markdown in the editor panel on the left. The preview updates in real time as you type. Switch between Split, Editor-only, Preview-only, and Three-panel layouts using the view buttons in the toolbar. Use the formatting toolbar to insert bold, italic, links, code blocks, and tables without memorising syntax. Click Download to save your Markdown as a .md file or export the rendered HTML as a standalone .html document.

About This Tool

Markdown is a lightweight text formatting syntax created by John Gruber in 2004. It uses plain text characters to indicate formatting — surrounding text with asterisks makes it bold, a hash at the start of a line creates a heading, a hyphen creates a list item. This tool uses GitHub Flavored Markdown (GFM), which extends the original specification with tables, task lists, strikethrough, and fenced code blocks with syntax highlighting. The editor features a live preview panel, syntax-highlighted HTML output, document outline, word and reading time statistics, find-and-replace, scroll sync, and auto-save. Export as a standalone HTML document or copy the HTML snippet directly. Pair with a tool to count words in text for detailed text statistics, estimate how long an article takes to read for audience-facing metadata, validate JSON syntax for any embedded JSON in your Markdown, or debug regex patterns for authoring find-and-replace rules.

Quick Reference Table

Markdown Syntax	Result
# Heading 1	H1 heading
## Heading 2	H2 heading
bold	Bold text
_italic_	Italic text
~~strikethrough~~	Strikethrough text
`inline code`	Inline code
[link](url)	Hyperlink
![alt](url)	Image
- item	Unordered list
1. item	Ordered list
- [ ] task	Task list checkbox
> quote	Blockquote
---	Horizontal rule

Frequently Asked Questions

Does my document auto-save?

Yes. Your Markdown is automatically saved to your browser’s local storage every two seconds. It is restored the next time you open the tool in the same browser. Auto-saved content is stored only in your browser — it is never sent to any server.

Can I use custom CSS in the preview?

The preview uses one of three built-in themes: Light, Dark, and GitHub. Custom CSS is not supported in the preview panel. If you need custom styling in your final output, download the HTML file and edit the embedded <style> block.

Why are my script tags removed from the HTML output?

The HTML output is sanitized using DOMPurify to prevent cross-site scripting (XSS). Script tags, event handlers (onclick, onload, etc.), and other potentially dangerous HTML are stripped from the output. This is intentional and ensures safe rendering in the preview.

What Markdown flavors are supported?

This tool uses marked.js configured for GitHub Flavored Markdown (GFM), which is a superset of the original CommonMark specification. It supports all standard Markdown syntax plus GFM extensions: tables, task lists, strikethrough, and fenced code blocks with syntax highlighting.

Can I convert HTML back to Markdown?

Basic HTML-to-Markdown conversion is supported for common tags when you paste HTML into the editor. The tool detects pasted HTML and offers to convert it. For complex HTML with deep nesting or non-standard structures, manual cleanup may be needed after conversion.

Created by The Toobits Team · Engineering & Editorial

Toobits is built, tested, and maintained by a small independent engineering team. Every tool is written in TypeScript, runs entirely in the browser, and is reviewed against its source formulas before publication.

Editorial policy · Updated April 2026

Ad · responsive