BUG: How to render mermaid?

Question description

I am trying to create a mermaid flowchart. When I copy and paste the examples from the markdown syntax page, the example renders the flowchart, but when I type a new one manually, all I see is a ‘fenced’ code block, and the word ‘mermaid’ after the backticks is blue and bold.

I tried:

\``` mermaid
graph TD;
A-->M;
\```

How do I create a mermaid flowchart rather than a fenced code block?

[leebut]

Thank you for the response. Typing ```mermaid directly is creating the fenced code block not a mermaid diagram block. That’s the problem I am facing. Thank you for the @ shortcut.

[dmeatte-aq]

This is still a quirky feature. Creating a mermaid block in wysiwyg mode still won’t render it below, until you flip to source mode and back or you reopen the file. After that, it mostly works.

I’m glad to see mermaid rendering is supported. When I first found this bug, I thought it may not be.