Issue rendering nested HTML

Some nested HTML tags don’t get rendered correctly. One example is <div></div><div><div></div></div>, which gets compiled as <div> &lt;div&gt; <div></div><div></div></div>. It seems to be related to the detection of HTML, since entering <div>#a</div> compiles to <div><h1>a</h1></div>. A few versions back markdown-to-jsx compiled those strings correctly. Just a sidenode: entering "<span>#a</span>" crashes the compiler.

[michaelryancaputo]

Just for reference, I posted some use cases here: This is an example using 6.4.1 - https://stackblitz.com/edit/react-qugqd6 This is an example using 6.6.1 - https://stackblitz.com/edit/react-6nelfr

[probablyup]

Hmm ok. I’ll see if there’s a way to do this without introducing a ton of bundle size. On Tue, Apr 3, 2018 at 1:05 PM Stephan Troyer [e-mail] wrote:

Actually there are https://daringfireball.net/projects/markdown/syntax#html:

Note that Markdown formatting syntax is not processed within block-level HTML tags. E.g., you can’t use Markdown-style emphasis inside an HTML block. […] Unlike block-level HTML tags, Markdown syntax is processed within span-level tags.

Otherwise it wouldn’t be possible to start with an hashtag within an element without escaping it. (For example, I would like to display the hex color code.)

— You are receiving this because you modified the open/close state.

Reply to this email directly, view it on GitHub https://github.com/probablyup/markdown-to-jsx/issues/168#issuecomment-378324156, or mute the thread https://github.com/notifications/unsubscribe-auth/AAiy1mby0ciY4TgulKmvgin7lpvNfYCsks5tk6vtgaJpZM4TC0qM .