Forums

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

Can I edit mermaid diagram created in draw.io macro?

Uma Ramamoorthi
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!
July 30, 2025

Hello,

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

I am able to successfully create a diagram from Mermaid menu but I would like to edit it as well. Docs mentioned that if one chooses the diagram option then the mermaid generated flowchart will be editable. Did I misunderstand?

Please refer to the screenshot below.

Screenshot 2025-07-30 at 3.25.40 PM.pngScreenshot 2025-07-30 at 3.25.48 PM.png

 

I am on Confluence Enterprise version and using draw.io 11.1.1 version if that helps.

Any hints would be appreciated.

Thank you so much.

Uma

2 answers

2 votes
Bastian -drawio Diagrams-
Atlassian Partner
July 30, 2025

Hey @Uma Ramamoorthi

 

Thanks for bringing up that question. In draw.io, you have two options when creating a diagram using Mermaid code. By default, Mermaid code gets rendered as a Diagram (see screenshot attached) that you can enhance, change styles manually etc. For this option, you can't go back to the code. But if you choose the option Image, you can always go back and refine your Mermaid code by hitting the Enter key or double-clicking on the image. 

You can have a Best of both worlds approach, when you start with the Image option first and refine your diagram on the code level up to a degree where you feel comfortable with the result. Then copy the code and embed it as a diagram, to then be able to customize the diagram by hand (change the location of shapes, colour them in, etc.).

Screenshot 2025-07-31 at 07.27.08.png

1 vote
Tinker Fadoua
Community Champion
July 30, 2025

Welcome to the Atlassian Community @Uma Ramamoorthi !

I will recommend to raise a support ticket with the vendor not Atlassian because they will know exactly the steps required to be able to edit the diagram from inside Draw.io

Best,

Fadoua

Suggest an answer

Log in or Sign up to answer
TAGS
AUG Leaders

Atlassian Community Events