How to use the mermaid-app?

We added this app: mermaid-diagrams-viewer to enable us to add simple code based diagrams to some pages.
There is however no user manual. From the screen shot, I added a code block with a mermaid classDiagram, but it does not render the actual diagram when viewing the page.

I also tried adding /mermaid to the page, but that is not recognized as an app.

Another user also reported the same: Mermaid diagrams viewer not rendering but her question also has no answers.

Hi mate!
I have recorded this quick demo for you. I hope it helps.

Let me know if that helped, I will incorporate your feedback to update app page and include a better demo and\or a user manual.

I do not seem to be able to see/access that video. I clicked the link, created an account, just got a ‘workplace’. So I clicked the link again, hoping it would now let me go to the video, but still nothing. I also tried searching for it using some keywords, yet did not find it.

edit: I decoded the URL: https://www.loom.com/share/63033528cdfc4af2856ef3a58a0213b5?fromJoinRequest=true and asked for access.

1 Like

Sorry about that! I have uploaded it to youtube to overcome this sharing restriction - https://youtu.be/mtj2jvYItIA
Please let me know how it goes.

Ok, thanks for the video, it is now obvious that it seems something must be wrong with the ‘installation’ of the app. I do not get to see it. Though the admin did install it:

Ok, so reported this to the admin and I’m not sure what they did, but now I have access to /mermaid and it works as expected.

Thanks.