(I have searched for this, but haven't found mention of it) Background I've started using Mermaid graphs for my UX work. I'm really impressed by how simple it is to make useful graphs. An example is this process flow for submitting an invoice in a finance system and status notifications different …

Thanks to @asrient for implementing this Add right-click "save image" context menu to Mermaid graphs · Issue #6100 · laurent22/joplin · GitHub . From their demo video it looks really nice: Thanks! :clap: :clap:

It's true that there's no easy way to share a graph at the moment. We already have a "Copy image" menu item when right-clicking on an image so perhaps the same code could be applied to Mermaid graphs. The Export button is probably trickier to implement although it would be better for discoverabilit…

We already have a "Copy image" menu item when right-clicking on an image so perhaps the same code could be applied to Mermaid graphs. This would be the "a right-click context menu" I mentioned above, right? On Joplin 2.6.10 this is called "Save as"? I wasn't aware that was possible! Having this …

If you could create that would be great (you can create a bug report and we'll label correctly afterwards). In fact could you maybe create two issues? One for the context menu item, and one for the Export button? I think the first one could be a good first issue so better keep it separate. [imag…

In fact could you maybe create two issues? Certainly, no problem. One for the context menu item, and one for the Export button? I think the first one could be a good first issue so better keep it separate. Here you go: Add right-click "save image" context men…

Great, thanks Bernard. The second issue is fine as it is - I've just added a comment to mention that ideally we should be able to reuse the same code for images, code blocks, etc.

OK great @laurent . Please tag me here or in the GH issue if there's anything I can help with, testing, providing some designs.

As a workaround until a fix is ready you could copy the source into an online Mermaid editor and export as SVG [image] Online FlowChart & Diagrams Editor - Mermaid Live Editor Simplify documentation and avoid heavy tools. Open source Visio Alternative. Commonly used for explaining your c…

Hi there, thanks for this very useful improvement of Mermaid! How could I get it to work in my version of Joplin? Is there any Plugin or upgrade etc. required? Joplin 2.7.15 (prod, win32) OS: Win10

@FreeCutter as I understand it, it's been added into the Joplin app so when the next release is made, and you upgrade, it'll be there, no need for plugin.

Ability to save/export Mermaid graphs as image

Features

Daeraxa 5 May 2022 11:41 12

It is in the 2.8 pre-release, you can either upgrade your main system or just download the portable app if you just want to check it out.

Topic		Replies	Views
Saving Mermaid generated Images Support	1	503	14 March 2023
Mermaid rendering Support	14	2755	19 December 2021
Markdown links in Mermaid diagrams Support	0	2896	4 January 2021
Enhancements to the Mermaid window Features	1	383	15 January 2024
Link to note in mermaid diagram Lounge	5	3118	17 April 2025

Ability to save/export Mermaid graphs as image

Related topics