madskristensen/MarkdownEditor2022

Images not shown in preview

MV10 opened this issue · 5 comments

MV10 commented

The preview window shows the "broken image" placeholder.

As you can see from the screenshots, I'm using relative paths, but I tried a full path, too (which was just to replace the ../ prefix with /foldername/ ... not completely sure if that's right, never had to do it that way before). The Edge dev tools network tab shows an odd-looking request URL. Over the past several years, I've written many articles using your editor, so I've used this relative path syntax a lot, this is the first time I've seen this.

MD Editor v2.0.130
VS2022 Community v17.4.3
MS Edge 108.0.1462.54

Preview window:
image

MD reference and path:
image

F12 network tab:
image

@MV10 I found your post after I had some issues with images.

As a workaround, when I save the .html to disk, I see in the HTML markup (e.g., "view source") for example

<img src="http://browsing-file-host/img/myimage.png"/>
(if i saved to an /img/ folder in the path of the .md file...)

I do find/replace to replace http://browsing-file-host with .. The markup becomes for example:

<img src="./img/myimage.png"/>

and the images load when I open in a browser.

I'm having the same issue. Relative URLs to links and images that sit in parent folders are not resolved.

This bug even exists in the built-in Markdown editor of VS 2022 Preview.

I've reported it here, hope they'll fix it.

MV10 commented

The issue persists in v2.0.132 released in April 2023.

MV10 commented

No change in v2.0.143 released in August 2023.

Still happening in November 2023's v2.0.149 ... pretty annoying.