Images and the Markdown prototype

[webline (Detlef Beyer)]

Sorry - this must be easy to fix - but I don’t find the right door…

I try to different ways to include an image to a note that is using the Markdown prototype:

<img src="/Users/anyuser/Desktop/Screenshots/Bildschirmfoto 2021-11-01 um 16.56.54.png" width=50px>

![screenshot](/Users/anyuser/Desktop/Screenshots/Bildschirmfoto 2021-11-01 um 16.56.54.png){width=50px}

both will not show an image in preview. I got an older demo from Michael Becker and the same code shows the image (the HTML version does, the Markdown version asks for a pandoc file I don’t have).

So there has to be an attribute I forgot to set (HTMLPreviewCommand = CommonMark)?!

Any idea?

[Pete]

First thought you only need to use a file:// URL (i.e. percent encode the POSIX path and prefix it with file://).

Unfortunately even with this the <img src= approach doesn’t work with the Markdown prototype (but it does in a note without prototype).

Edit: It does work with the Markdown prototype if HTMLPreviewCommand is set to Markdown.

[webline (Detlef Beyer)]

ah - HTMLPreviewCommand was the suspect I aimed at…

Thxs!

[satikusala (Michael Becker)]

To insert an image in markdown, in a given context, inserting an HTML img src will work. The more reliable way is to use the markdown syntax for an image: .

If you use Pandoc as the rendering engine, I’ve found that it will display the caption. I’ve not gotten the caption to work with Commonmark or Markdown engines. The image size {witth=" "} is also consistently rendered across the different engines.
"

See sample file:
TBX L - Markdown Image.tbx (87.6 KB)