Indented code block containing HTML incorrectly parsed as inline HTML

[mappu]

Hi! Cool project.

I am trying to create documentation including inline HTML code samples, i expect the inline HTML samples to be formatted as code. However they are being included verbatim.

Repro is as follows:

var marked = require('marked');
console.log( marked("#Samples\nHere is an HTML code sample\n    <iframe src=''>\n    </iframe>\n") );

Produces

<h1 id="samples">Samples</h1>
<p>Here is an HTML code sample
<iframe src=''>
</iframe></p>

Expected <pre><code>&gt;iframe src=''&lt;&gt;/iframe&lt;</code></pre> or something similar...

Or is there meant to be an alternative way of creating a code block, rather than a four-space indent?

[email protected]

[jipiboily]

Yeah, with GFM, you do this: https://help.github.com/articles/github-flavored-markdown#syntax-highlighting

Note that for html, you need to use markup apparently.

That said, it looks like it's escaping it...I am currently looking for a work around though...

[rymohr]

Related to #378

[Ryn830]

+1

[joshbruce]

#983

[Feder1co5oave]

Indented code blocks cannot interrupt paragraphs. So you need to put an empty line between the first paragraph and the code block:

$ bin/marked
# Samples
Here is an HTML code sample

    <iframe src=''>
    </iframe>

<h1 id="samples">Samples</h1>
<p>Here is an HTML code sample</p>
<pre><code>&lt;iframe src=&#39;&#39;&gt;
&lt;/iframe&gt;
</code></pre>