React-markdown: The combination Html + MarkDown don't parse MarkDown

Created on 17 Oct 2020  路  2Comments  路  Source: remarkjs/react-markdown

Subject of the issue

The combination Html + MarkDown don't parse MarkDown

Describe your issue here.

The combination Html + MarkDown don't parse MarkDown

Your environment

  • OS: OS X
  • Packages: react-markdown
  • Env:
  • node: 12.18.4
  • yarn: 1.22.10
  • react: 16.X

Steps to reproduce

use this:

<div class="flex justify-center">
      ![images n掳45](http://localhost:8000/api/images/sDp3TYoOKXCdEEJnKWfA8MeAroUSAudG4G6CAyju.jpeg?w=200&h=200)
<div>

this don't be parsed:

![images n掳45](http://localhost:8000/api/images/sDp3TYoOKXCdEEJnKWfA8MeAroUSAudG4G6CAyju.jpeg?w=200&h=200)

This is normal the markdown inside Html doesn't be parsed ?

Expected behavior

Position of images

What should happen?

markdown don't be parsed inside Html

馃檵 typquestion
Source
picture jud3v

All 2 comments

This is a feature of markdown, take a look at how it renders in CommonMark. Or here on GitHub even:


images n掳45

To get your desired output, place blank lines between HTML and markdown, and make sure to remove the indentation (otherwise it would turn into an indentted code block)

<div class="flex justify-center">

![images n掳45](http://localhost:8000/api/images/sDp3TYoOKXCdEEJnKWfA8MeAroUSAudG4G6CAyju.jpeg?w=200&h=200)

<div>
wooorm picture wooorm on 17 Oct 2020
👍1

Thank you 馃憤

jud3v picture jud3v on 17 Oct 2020
❤1
Was this page helpful?
0 / 5 - 0 ratings

Related issues

neilyoung picture neilyoung  路  3Comments
dbuchet picture dbuchet  路  3Comments
jonjaffe picture jonjaffe  路  3Comments
IonicaBizau picture IonicaBizau  路  4Comments
LinusU picture LinusU  路  3Comments