HTML To Markdown Demo

HTML

<h1>A level one header</h1>

<p>Some paragraph text™ containing “UTF-8” chars…</p>

<h2>A longer level two header</h2>

<h3>Here's a <em>level 3</em> title</h3>

<p>Some text containing<br/>a forced break.</p>

<p>Some text containing an
unforced break.</p>

<h2>Blockquotes and horizontal rules</h2>
<blockquote>Here's a blockquote</blockquote>

<hr/>

<blockquote>
    <p>This should have a single arrow.</p>
    <blockquote>
        <p>A blockquote inside a blockquote, with a double arrow, on a new line.</p>
    </blockquote>
</blockquote>

<hr/>

<blockquote>
    <p>A multi-paragraph blockquote.</p>

<p>Here's the second paragraph. (Should be inside blockquote.)</p>

<h4>A header inside a blockquote</h4>

<ul>
        <li>List in a blockquote</li>
        <li>Second list item</li>
    </ul>

</blockquote>

<h2>Lists</h2>
<ul>
    <li>An unordered list</li>
    <li>Appears with hyphens</li>
</ul>

<ol>
    <li>An ordered list</li>
    <li>Appears with numbers.</li>
    <li>Automatically indexed.</li>
</ol>

<h2>Links and images</h2>

<p>An example of a <a href="http://url.com/" title="Title">link.</a></p>

<p>An image inside a link:<br/>
    <a href="http://url.com/" title="Title"><img src="/path/img.jpg" alt="alt text" title="Title"/></a>
</p>

<h2>Inline elements</h2>

<p><em>This text is in italics.</em></p>

<p>An <em>em</em> and a <strong>strong</strong> inside a paragraph.</p>

<p>A <em><span>span</span> inside</em> an em.</p>

<p>A <em><strong>strong</strong> inside</em> an em.</p>

<p>A <span><strong>strong</strong> inside</span> a span.</p>

<h2>Code blocks and spans</h2>

<p><code>
#sidebar h1 {
    font-size: 1.5em;
    font-weight: bold;
}
</code></p>

<h2>Bugs (tests from here on fail)</h2>

<h4>A list with multiple paragraphs</h4>
<ul>
    <li><p>A list item.</p>

<p>With multiple paragraphs.</p></li>
    <li>List item two.</li>
</ul>

<h4>Mixed ordered and unordered nested lists</h4>