Mermaid in Joplin?

Support
37

Hi,

I try 2 mermaid codes (Joplin 1.3.18 debian10): Pie and Gantt from example above or from https://mermaid-js.github.io/mermaid/#/

pie
    title Key elements in Product X
    "Calcium" : 40
    "Potassium" : 50
    "Magnesium" : 10

I get :
image

and for Gantt chart :

gantt
dateFormat  YYYY-MM-DD
title Adding GANTT diagram functionality to mermaid
section A section
Completed task            :done,    des1, 2014-01-06,2014-01-08
Active task               :active,  des2, 2014-01-09, 3d
Future task               :         des3, after des2, 5d
Future task2               :         des4, after des3, 5d
section Critical tasks
Completed task in the critical line :crit, done, 2014-01-06,24h
Implement parser and jison          :crit, done, after des1, 2d
Create tests for parser             :crit, active, 3d
Future task in critical line        :crit, 5d
Create tests for renderer           :2d
Add to mermaid                      :1d

I get :

image

just a red line.

As I copy theses example and following one is working, I asked me what is wrong ? Do you haveany idea ?

graph LR;
    A[Square Rect] -- Link text --> B((Circle));
    A --> C(Round Rect);
    B --> D{Rhombus};
    C --- D;

EDIT : when I use image to change the editor, I have the good result, but when I use theses buttons image it does not work. Seems strange ?

Thank you for your help