<figure> in Markdown-Editor prevents <img> load

brotkasten

Hi,
if I use the <figure>-tag in the markdown-editor to wrap an image to give the image a description with <figcaption> for example it will prevent img-loading.

Example-code:
<figure> ![](img.jpg) <figcaption>Image Description</figcaption> </figure>

Instead of an <img>-tag there will be just the markdown-code ![](img.jpg) in the frontend.

Thanks!

mad

brotkasten Hi, the issue is that you’re not using valid Markdown. The specs don’t allow any Markdown within a block element — such as <figure>. Fortunately there is an easy fix. Just add the markdown attribute to your figure tag and everything will be fine.

<figure markdown="1">
    ...
</figure>

You can find more tricks like that in those docs

brotkasten

Oh, thank you very mutch for your lightning fast response, Mad! 😀

Very useful link. Maybe it would be helpful for other users to put the link also in the "User Guide" or "Developer Guide" (Pipe > markdown).

mad

brotkasten Yes, true! 😃