Forums

Articles
Create
cancel
Showing results for 
Search instead for 
Did you mean: 

Support for Mermaid in Draw.io for Confluence

Alok Bhargava
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
October 13, 2022

Hello,

I would like to know if the draw.io integration for Confluence supports the Mermaid (or any other) markdown capability as described here:

https://www.diagrams.net/blog/mermaid-diagrams

I would greatly appreciate any guidance.

Thank you!

 

1 answer

1 vote
Mike Rink -drawio Diagrams-
Atlassian Partner
October 13, 2022

Hi Alok,

The draw.io app for Confluence can utilize Mermaid markdown capability. Here's a blog that talks you through it in Confluence Cloud: https://drawio-app.com/create-mermaid-diagrams-in-draw-io/

Best of luck with your diagramming.

Mike Rink
Team draw.io

Alok Bhargava
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
October 14, 2022

Thank you for your response Mike!

Could you confirm if all the diagram types enabled by Mermaid (see attached image) are supported by the draw.io Confluence integration?

Thank you!

Screen Shot 2022-10-14 at 9.49.24 AM.png

Bastian -drawio Diagrams-
Atlassian Partner
October 18, 2022

Hi Alok. The Mermaid syntax is supported by draw.io for Confluence Cloud. So if the syntax that you created is correct, it will generate a Mermaid diagram inside of draw.io. To insert Mermaid syntax, please go Arrange > Insert > Advanced > Mermaid. 

Francisco Capllonch Alcover
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
April 18, 2023

Hi Bastian,

I'm using the Confluence API rest https://developer.atlassian.com/server/confluence/confluence-server-rest-api/ to update some of our Pages and I'm interested in updating some mermaid diagrams created with draw.io. The problem is that those diagrams are inserted into the pages as some external object that can not be updated directly with the API.

Can you suggest some solution to this? maybe using another mermaid pluggin?

Bastian -drawio Diagrams-
Atlassian Partner
April 18, 2023

Hi Francisco. It's unfortunately not possible to update the diagrams via API, you have to adapt th existing Mermaid code or insert a new Mermaid diagram.

Ken Gunadi May 16, 2025

Hi, 

I know this is an old thread, hopefully anyone can help me.

I'm using draw.io inside Confluence, but did not see the Mermaid option at all under the Advanced menu.

Please refer to the screenshot below.

 

What does it take to have the Mermaid option? I'm on the free version of Confluence.

 

Any hints would be appreciated, I've been googling for days without clear answer.

Thank you so much.

-- Ken

 

Screenshot 2025-05-16 at 7.43.31 AM.png

 

stan_kidd
I'm New Here
I'm New Here
Those new to the Atlassian Community have posted less than three times. Give them a warm welcome!
May 23, 2025

I was looking for the same thing under Advanced based on advice from a while back - but it has moved, apparently, to the same level as Advanced - so look at your menu diagram above Advanced and you'll see "Mermaid...".  I tried that and it works to import mermaid code to create an ERD.

Suggest an answer

Log in or Sign up to answer
DEPLOYMENT TYPE
CLOUD
PRODUCT PLAN
STANDARD
TAGS
AUG Leaders

Atlassian Community Events