Getting Started

The HTML to Markdown converter is designed to be simple and intuitive. Follow these steps to convert your HTML content:

Step 1: Input Your HTML

1. Navigate to the HTML input area at the top of the page
2. Paste your HTML content into the text area
3. The tool supports full HTML documents or HTML fragments
4. Use the "Load Example" button to see a sample conversion

Step 2: Configure Conversion Settings

In the left panel, you can customize how your HTML is converted:

Output Format

• Markdown: Standard Markdown format
• GitHub Flavored Markdown (GFM): Enhanced Markdown with additional features

Element Preservation Options

• Keep Links: Preserve <a> tags as Markdown links
• Keep Images: Convert <img> tags to Markdown images
• Keep Tables: Maintain table structure in Markdown
• Keep Lists: Preserve ordered and unordered lists
• Keep Code Blocks: Convert <pre><code> to fenced code blocks

Step 3: Review the Output

The converted Markdown appears in the right panel with:

• Markdown Output: The raw Markdown text
• Live Preview: Rendered preview of the Markdown

Step 4: Export Your Results

• Copy: Use the copy button to copy Markdown to clipboard
• Download: Download the Markdown as a .md file
• History: Access previous conversions from the history panel

Input Examples

Simple HTML

<h1>Welcome</h1>
<p>This is a <strong>bold</strong> paragraph with a <a href="https://example.com">link</a>.</p>
<ul>
  <li>Item 1</li>
  <li>Item 2</li>
</ul>

Complex HTML with Tables

<table>
  <thead>
    <tr>
      <th>Name</th>
      <th>Age</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>John</td>
      <td>25</td>
    </tr>
  </tbody>
</table>

Best Practices

1. Clean HTML: Remove unnecessary styling and attributes for cleaner output
2. Test Settings: Try different preservation options to find the best result
3. Review Output: Always check the preview before exporting
4. Use History: Save important conversions in your history for future reference