Mermaid diagrams - link to confluence page

Subjects says it all.

Is it possible to link to a confluence page?

I tried the syntax with click.

node_a["bla" fa:fa-envelope]
click node_a "click "https://www.google.com _blank

This gets rendered as a link, a mouseover reveals “www.google.com” as the URL, but in the end it only opens an iframe with the diagram.

Is this some security issue that prevents opening URLs? (I wanted to link to a confluence page but this didn’t work neither (same behaviour, iframe with the diagram gets opened)

1 Like

Huh! I never tried this. My guess is yes, it must be a security thing, but it also might be an issue with how app handles onClick event to open larger view popup.

Thanks for reporting, I will see what I can do some time over next few weeks.

2 Likes

Would be great to be able to define an ‘interactive’ diagram with links to Confluence pages with more information. Great for visualisation and exploration of architecture diagrams, interfaces and business processes!

The syntax above (by UlrichVo) does not give the same result for me…. I get an error parsing the diagram on the node_a line. Don’s know if I need to make some changes to the settings of the Mermaid app to allow links to be clicked?

Hey there! This app is now open-sourced and released on github - GitHub - atlassian-labs/mermaid-diagrams-viewer: A Forge app (for Confluence cloud) that renders mermaid diagrams from code blocks in Confluence pages.

Please feel free to raise issues or contribute there. Side note - to reduce support burden, I will not be monitoring topics about this app here.

1 Like