django-markdown-editor icon indicating copy to clipboard operation
django-markdown-editor copied to clipboard

<img> tag does not seem to work

Open bvermeulen opened this issue 6 years ago • 2 comments

I have the following issue. When I add this to the editor the <img> tag does not seem to work, no problems with <iframe> and other tags.

++some fractal++

Embedded in MD as 
`![Figure_1.png](https://i.imgur.com/rK5t5LP.png)`
the picture is ok:
![Figure_1.png](https://i.imgur.com/rK5t5LP.png)

Embedded as `<img>` tag, it does not seem to work. Included in the MD text is:
`<img width="500" src="https://i.imgur.com/rK5t5LP.png"/>`
It displays like:

<img width="500" src="https://i.imgur.com/rK5t5LP.png"/>

In the debugging inspector it renders like:
`<p><img <a="" href="http://src=&quot;https://i.imgur.com" width="500">src="https://i.imgur.com/rK5t5LP.png"/&gt;</p>`
<br>
In iframe it's ok (at least when you leave it between empty lines)
`<iframe src="https://i.imgur.com/rK5t5LP.png"</iframe>`

<iframe width="700" src="https://i.imgur.com/rK5t5LP.png"></iframe>

and link also works
 [Fractal](https://i.imgur.com/rK5t5LP.png) 
<br>
What is wrong with the `img` tag??

When added to this github editor it all works fine (except iframe): ++some fractal++

Embedded in MD as ![Figure_1.png](https://i.imgur.com/rK5t5LP.png) the picture is ok: Figure_1.png

Embedded as <img> tag, it does not seem to work. Included in the MD text is: <img width="500" src="https://i.imgur.com/rK5t5LP.png"/> It displays like:

In the debugging inspector it renders like: <p><img <a="" href="http://src=&quot;https://i.imgur.com" width="500">src="https://i.imgur.com/rK5t5LP.png"/&gt;</p>
In iframe it's ok (at least when you leave it between empty lines) <iframe src="https://i.imgur.com/rK5t5LP.png"</iframe>

and link also works Fractal
What is wrong with the img tag??

bvermeulen avatar Jul 18 '19 05:07 bvermeulen

Including <p> tags seem to help

<p><img width="500" src="https://i.imgur.com/rK5t5LP.png"/></p>

bvermeulen avatar Jul 19 '19 03:07 bvermeulen

Aha, you're right @bvermeulen, not sure why if directly use <img tag seems didn't work, meanwhile using both <iframe and <p><img ...></p> are works. I think it comes from markdown renderer itself.

agusmakmun avatar Nov 18 '22 15:11 agusmakmun