HTML to Markdown Converter

Last updated March 22, 2026

How to Use

1. Paste your HTML code in the left textarea
2. Click "Convert to Markdown" to transform HTML to Markdown
3. View the Markdown output in the right textarea
4. Click "Copy" to copy Markdown to clipboard
5. Use the Markdown in your documentation or README files

Common Use Cases

• Migrating blog content from WordPress/Drupal to a static site generator (Jekyll, Hugo, Gatsby)
• Converting web-scraped HTML content into Markdown for documentation
• Transforming email HTML into readable plain-text Markdown
• Converting CMS exports for use in GitHub wikis or README files
• Preparing content for Markdown-based note-taking apps (Obsidian, Notion, Roam)

Paste your HTML and get clean Markdown output instantly. All conversion happens in your browser.

Supported HTML Elements

• Headings: <h1> to <h3> → # ## ###
• Bold: <strong>, <b> → **text**
• Italic: <em>, <i> → *text*
• Links: <a href="url">text</a> → [text](url)
• Code: <code> → `code`
• Paragraphs: <p> → double newline
• Line breaks: <br> → single newline

Why Convert HTML to Markdown?

Markdown is simpler, more readable, and widely supported across platforms. It's the standard format for documentation on GitHub, GitLab, Stack Overflow, and many static site generators. Converting HTML to Markdown makes content more portable and easier to maintain.

Common Use Cases

• Documentation: Convert HTML docs to Markdown for GitHub wikis or README files
• Content Migration: Move content from HTML-based CMS to Markdown platforms
• Blog Posts: Convert HTML articles to Markdown for static site generators (Jekyll, Hugo, Gatsby)
• Email to Docs: Transform HTML emails into readable documentation
• Web Scraping: Convert scraped HTML content to clean Markdown format

Conversion Examples

<h1>Main Title</h1>
<h2>Subtitle</h2>

# Main Title
## Subtitle

<p>Visit <a href="https://github.com">GitHub</a> for <strong>amazing</strong> projects.</p>

Visit [GitHub](https://github.com) for **amazing** projects.

HTML Input:
<h1>Main Title</h1>
<h2>Section Heading</h2>
<h3>Subsection</h3>
<p>This is a paragraph with <strong>bold text</strong> and <em>italic text</em>.</p>
<p>Visit <a href="https://example.com">Example Site</a> for more info.</p>

Markdown Output:
# Main Title

## Section Heading

### Subsection

This is a paragraph with **bold text** and *italic text*.

Visit [Example Site](https://example.com) for more info.

HTML Input:
<ul>
  <li>First item</li>
  <li>Second item
    <ul>
      <li>Nested item A</li>
      <li>Nested item B</li>
    </ul>
  </li>
  <li>Third item</li>
</ul>

<ol>
  <li>Step one</li>
  <li>Step two</li>
  <li>Step three</li>
</ol>

Markdown Output:
- First item
- Second item
  - Nested item A
  - Nested item B
- Third item

1. Step one
2. Step two
3. Step three

HTML Input:
<p>Use the console.log() function for debugging.</p>

<pre th:inline="none">
function greet(name) {
  return `Hello, ${name}!`;
}
console.log(greet('World'));