[markdown] Add the possibility to load local resources

[Melandel]

Checklist

• [x] I searched the :help documentation using / for helpful information
• [x] I have read the frequently asked questions
• [x] I did not find any similar issues in the issue tracker
• [x] I prefer making an issue instead of using discussions, Matrix or Telegram

Addition or change Provide configurability for loading local resources in certain contexts (or, in markdown file contexts specifically)

Currently, when opening a local markdown file that references an image on my local drive, the image is not displayed.

Console displays the following:

Not allowed to load local resource: file:///C:/foo/bar/baz.png

Alternatives considered -

[Jelmerro]

This is a browser/Electron limitation, as local files are not allowed to load other local files, but I'll see if there's a way around it using custom protocols, ideally in a secure way.

[Jelmerro]

I think this just affects images right? Or is there another resource this applies to that I'm not considering? I have a working prototype for images now, but not sure if this is all there is to it. I don't think markdown has video support, right?

[Melandel]

From what I dug into, I do not think so:

• stackoverflow shows a workaround for youtube
• I tested with a video in my markdown and the output rendered via { firefox + Markdown Viewer Webext } did not display any video

I would tend to consider that markdown does not have video support

[Jelmerro]

Great, that makes things easy for once, I'll have this implemented in V11 (hope to release in a few weeks).

[Melandel]

Thank you for your time and energy always! 😃

[Jelmerro]

Implemented in 11.0.0 :tada:

[Melandel]

Hello,

Oddly enough when I'm trying today I don't see the image getting displayed.

Given that:

• I render some/path/markdown.md
• There is an image at some/path/media/image.png
• the markdown file refers to the image via ![](media/image.png)
• Vieb generates the following HTML: <img src="media/image.png" alt=""> when previewing the markdown

Developer Tools indicates the following:

While firefox finds and displays the image correctly.

[Jelmerro]

Which Vieb version are you using? This is only been fixed in 11.0.0, where I just tried your example with a random image and it works. Are you sure the image exists and you are using 11.0.0? Because I can only reproduce this behavior in older versions of Vieb. Even if the image is missing, it should generate something like this in the HTML: Instead of using the image directly from disk, as that is not allowed. I'm testing it in the repo with this code: ![](app/img/cheatsheet.png) and it works in 11.0.0 for me. Can you show me the file, file structure, Vieb version and the Elements tab of the devtools using some screenshots?

[Melandel]

Hello,

I'm using 11.0.0 and have created a repro where I detailed how to reproduce the behavior I'm witnessing.

It's here

[Jelmerro]

Since that very same repo works for me, it might be a Windows only issue, given that paths are fairly different/bad there, so I will look into this when I am back at a Windows machine again.

[Jelmerro]

@Melandel I have had the opportunity to work on Windows a short time ago and have made sure both the markdownviewer and filebrowser now work at least when running from source, could you check if the new 12.0.0 release fixes your issue?