Images don't appeared in exported PDF

[reparke]

When I previews slides in VSCode and when I exported them to HTML, the images appear. However, when I export the same file to PDF, the images don't are missing.

Here is my code (I tried both HTML and standard markdown)
<img src="assets/potentiometer-482082_960_720.jpg" style="width:50px" /> ![width:300px](assets/1565313673103.png)

Here is the PDF export with the missing images

For comparison, here is the preview from VSCode with the images present

[yhatt]

Marp for VS Code should allow rendering local images by default, so I cannot reproduce reported issue on my macOS.

Would you provide us more details? e.g. OS environment, versions of VS Code and extension, the file tree structure on your project workspace, console outputs by Marp CLI after exporting PDF (in Help -> Toggle Developer Tools), etc...

[reparke]

Certainly.
OS: Windows 10 Pro version 1803 (build 17134.885)
VSCode: 1.37.0
Marp extension: 0.8.1
File tree structure: C:\Users\Rob\Dropbox (uscitp)_ITP 348_Content (public)_lectures_week3\filename.md

Console output:

[yhatt]

Thanks. Marp CLI warnings are giving me the thing that something is wrong. (Typically local file accessing is enabled and blocked by security reason never output together)

I'll try to find the details of cause. As a workaround, you might export to HTML once, and convert from HTML to PDF by printing out with Chrome (Ctrl+P).

[reparke]

Thanks!

On Thu, Aug 15, 2019 at 7:02 PM Yuki Hattori ***@***.***> wrote: Thanks. Marp CLI warnings are giving me the thing that something is wrong. (Typically local file accessing is enabled and blocked by security reason do never output together) I'll try to find the details of cause. As a workaround, you could export to HTML once, and convert from HTML to PDF by printing out with Chrome ( Ctrl+P). — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#64?email_source=notifications&email_token=ACUBCDN5JY2OJFX6KPQYBOLQEYDC5A5CNFSM4ILOIWX2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOD4NOTQA#issuecomment-521857472>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ACUBCDPAUZEJJ47VKPCFY4DQEYDC5ANCNFSM4ILOIWXQ> .

-- Peace, Rob

[yhatt]

I've confirmed this problem is fixed in the latest v0.8.2. (Please re-open the issue if still reproduces)

v0.8.1

v0.8.2

[eric-burel]

Hi, I am encountering this issue in v0.17.2 when exporting to PDF with VS Code (Ubuntu), I did not manage to get more logs.

Exporting through the CLI in the terminal with --allow-local-files gets the image as expected but not the styles.
Edit: ./node_modules/.bin/marp my-slides.md --pdf --allow-local-files --theme-set ./themes/ gets the theme correclty so at least I can export through CLI

[jiewangjs]

I use typora to insert image in a global path fashion, then put the code in vscode to convert to pdf, vscode doesnt allow global path which I know, does this mean Marp cannot corectly export the image out to pdf too, or is there some workaround ?

[yhatt]

@jiewangjs It's just following VS Code's restriction, not the limit by Marp: Sometimes using local files with global path become potentially security risk about resource sniffing so VS Code cannot preview images that are not placed in the current workspace.

• Markdown preview cannot display images outside current directory on Linux microsoft/vscode#64685 (comment)
• Markdown: Webview: Cannot load resource outside of protocol root microsoft/vscode#75039 (comment)
• images links microsoft/vscode#77637 (comment)

You can opt in to use local resources freely by using Marp CLI --allow-local-files.
https://github.com/marp-team/marp-cli#security-about-local-files