search

quantizor / markdown-to-jsx

🏭 The most lightweight, customizable React markdown component.
https://markdown-to-jsx.quantizor.dev/
MIT License
2.01k stars 174 forks source link

Bug : image Links ex) [![](http://example.com/link.png)](http://example.com) #531

Closed 100space closed 7 months ago

100space commented 10 months ago

Bug : image Links ex)

I want to create a link using an image, but there is a bug in the render. For example:

[![youtubeImg](https://www.gstatic.com/youtube/img/promos/growth/ytp_lp2_logo_phone_landscape_300x44.png)](https://www.youtube.com/)

스크린샷 2023-12-12 오후 2 46 07

스크린샷 2023-12-12 오후 2 46 23

Using the above syntax, I want to make a link with an image. It renders correctly in 'vscode', but when using the library, it gets rendered as:

![youtubeImg](https://www.youtube.com/)

(The image does not appear)

I want it to be rendered as:

<p><a href="https://www.youtube.com"><img src="https://www.gstatic.com/youtube/img/promos/growth/ytp_lp2_logo_phone_landscape_300x44.png" alt="youtubeImg"></a></p>

But actually, it gets rendered as:

<p><a href="https://www.gstatic.com/youtube/img/promos/growth/ytp_lp2_logo_phone_landscape_300x44.png">![youtubeImg</a>](<a href="https://www.youtube.com">https://www.youtube.com</a>)</p>

The image tag is lost...

This issue also occurs in the example you have set up (https://markdown-to-jsx.quantizor.dev/)."

스크린샷 2023-12-12 오후 2 54 40

Please check and give me feedback👍

100space commented 10 months ago

529

524

quantizor commented 7 months ago

Yup I see it, will look into it

quantizor commented 7 months ago

Appears to have been fixed by #551, thanks @zegl!