Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

<img> tag does not seem to work #74

Open
bvermeulen opened this issue Jul 18, 2019 · 2 comments
Open

<img> tag does not seem to work #74

bvermeulen opened this issue Jul 18, 2019 · 2 comments

Comments

@bvermeulen
Copy link

bvermeulen commented Jul 18, 2019

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>

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

and link also works
Fractal


What is wrong with the img tag??

@bvermeulen
Copy link
Author

Including <p> tags seem to help

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

@agusmakmun
Copy link
Owner

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants