Markdown for images isn't playing well with HTML anymore

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)

[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>

[QingWei-Li]

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