Docsify: Markdown for images isn't playing well with HTML anymore

[dooart]

If you use the image markdown syntax to render an image and put it near HTML code, Docsify will render it as text. The problem was introduced in version 4.8.0.

For example, this would not render the image:

<div>
![](img.png)
</div>

This would also not render the image:

<br/>
![](img.png)

But this would (empty line between HTML and markdown):

<br/>

![](img.png)

[cheng-kang]

Found out this https://github.com/markedjs/marked/issues/488#issuecomment-56338123.

---

↓The same on GitHub.

<div>
  ![Docsify logo](https://docsify.js.org/_media/icon.svg)
</div>

<br/>
![Docsify logo](https://docsify.js.org/_media/icon.svg)

<br/>

![Docsify logo](https://docsify.js.org/_media/icon.svg)


---

I would say let's stay with the mainstream, so it's not a bug. What do you think? @QingWei-Li

[QingWei-Li]

@cheng-kang you're right.
We should follow the mainstream usage.

[QingWei-Li]

But I will add a new custom component feature so that we can use markdown in HTML.

[QingWei-Li]

I found this can be rendered by adding spaces in html...

https://codesandbox.io/s/z2k36lqlrp

# Quick start

<div style='color: red;'>

- a
- b
- c

</div>

[dooart]

thank you for the tip, @QingWei-Li!