Markdown to HTML Converter

Convert Markdown text to clean, semantic HTML. Supports headings, lists, links, images, code blocks, tables, and more.

Markdown

HTML

Example

Input: # Hello / (blank line) / This is **bold** and *italic*.

Result: <h1>Hello</h1> / <p>This is <strong>bold</strong> and <em>italic</em>.</p>

A # line becomes an h1 heading, double asterisks become strong and single asterisks become em, following CommonMark rules.

Markdown Syntax and the HTML It Produces

Markdown	HTML
# Heading 1	<h1>Heading 1</h1>
## Heading 2	<h2>Heading 2</h2>
bold	<p><strong>bold</strong></p>
italic	<p><em>italic</em></p>
~~deleted~~	<p><del>deleted</del></p>
[link](https://example.com)	<p><a href="https://example.com">link</a></p>
![alt](cat.png)	<p><img src="cat.png" alt="alt"></p>
`code`	<p><code>code</code></p>
- item	<ul> <li>item</li> </ul>
1. item	<ol> <li>item</li> </ol>
> quote	<blockquote> <p>quote</p> </blockquote>
---	<hr>
- [x] done	<ul> <li><input checked="" disabled="" type="checkbox"> done</li> </ul>

Each Markdown line converted on its own; line breaks in the output are shown as spaces.

Paste or type your Markdown into the left panel.
Read the HTML in the right panel, which updates as you type.
Edit the HTML directly if needed - your changes are turned back into Markdown on the left.
Check that headings, lists, links, images, code blocks and tables came out as expected.
Click the copy button to copy the HTML for your CMS or web page.

Markdown to HTML: What Each Symbol Becomes

This converter turns Markdown into HTML as you type. Write # Heading and you get an h1 heading. Write **bold** and you get a strong tag. The HTML appears in the right-hand panel, ready to paste into a CMS, an email template or a web page.

Markdown is a plain-text way to write formatted documents, created by John Gruber in 2004. It is used in README files, on GitHub and Reddit, in note apps and in many static site generators. The converter follows CommonMark, the standard version of the syntax. It adds GitHub Flavored Markdown on top, which brings tables, ~~strikethrough~~, task lists and bare web addresses that turn into links.

The output is plain, semantic HTML with no inline styles. The only classes added are on fenced code blocks: a block that starts with ```js gets class="language-js", which syntax highlighters such as Prism and highlight.js pick up. Raw HTML inside your Markdown passes through as it is, so only publish output from text you trust.

The panels work both ways. Edit the HTML and the Markdown side updates, using the same engine as our HTML to Markdown Converter.

There is no rendered preview here. To get a formatted document you can share, try Markdown to PDF.

Sources

Frequently Asked Questions

Yes. Pipe tables become table elements, and colons in the divider row set the column alignment. A task list item such as "- [x] done" becomes a list item with a disabled, ticked checkbox input. Strikethrough with ~~text~~ becomes a del tag, and plain web addresses are turned into links.

End the line with two spaces or a backslash, then continue on the next line. That produces a br tag. A single line break on its own is treated as a space, so two lines typed one under the other join into one paragraph. Leave a blank line to start a new paragraph.

In Markdown, any block of text that is not a heading, list, quote, table or code block is a paragraph. So even a single word such as **bold** on its own line comes out as a p element with a strong tag inside. Blank lines separate one paragraph from the next.

Standard Markdown has no syntax for that, and this converter does not add id attributes to headings. If you need anchors for a table of contents, add the ids by hand in the HTML panel, for example id="setup" on an h2. Your edits there also update the Markdown side.

Related Tools

HTML to Markdown Converter

Convert HTML code to clean Markdown syntax. Preserves headings, links, lists, images, bold, italic, and code formatting.

Text and Writing

Markdown to PDF

Convert Markdown documents to styled, downloadable PDF files. Supports headings, lists, code blocks, and tables.

File Converters

Word Counter and Character Counter

Count words, characters, sentences, and paragraphs in your text. Includes reading time and speaking time estimates.

Text and Writing

Lorem Ipsum Generator

Generate placeholder Lorem Ipsum text by paragraphs, sentences, or words. Perfect for mockups and design layouts.

Text and Writing

Find and Replace

Find and replace text with regular expressions, capture groups, case-sensitive matching, and a live match count.

Text and Writing

HTML WYSIWYG Editor

Rich text editor with formatting toolbar that outputs clean HTML. Edit visually and copy the generated code.

Web and SEO Tools

Markdown to HTML Converter