Another mermaid widget: mermaid-widget

[oeyoews]

I think currently this plugin solves the problem mentioned in this post below.

Zoomin info messes with svg rendering somehow

Rename the attachment to zoomin.html and load in a browser (I tested in Chrome). Go to the Bar tiddler, notice the line has no arrow head (the underlying text is exactly like Foo). Go to the control panel and change the story view to classic. The arrow head appears zoomin.json (3.4 MB)

mermaid2 plugin widget

Plugin: markdown-it-mermaid

Although I can use mermaid through <$mermaid text="xxx" /> or $$$text/vnd.tiddlywiki/mermaid xxxx$$$, or create a new type of text/vnd.tiddlywiki/mermaid tiddler, but these are not very convenient for me. And there are some areas in the original mermaid plugin that I would like to improve, but I have not rewritten that plugin. I created a markdown-it-mermaid plugin suitable for tiddlywiki. Fortunately, github also supports this format, so I can not only browse in tiddlywiki, but users on githu…

[oeyoews]

If the mermaid syntax is incorrect, there will be an extra picture of a bomb at the bottom of the page, which is obviously very unfriendly. Now this problem has been fixed by this plugin.

[michael1]

I’ll have to give it a try. Does this implementation show the image when a tiddler is exported to static HTML? That was one of the main disadvantages I remember the previous widget having. The SVG would render in wiki but would silently fail when exported to static HTML.

[oeyoews]

Of course it is supported, you can also manually select the rendering type, svg or png

[oeyoews]

By the way, the plug-in is currently compatible with two different versions: mermaid v9.3.0 and v11.0.0-alpha.4-tiny(more features)

[oeyoews]

[linonetwo]

Can you add the snippet described in About $$$ usage · Issue #6 · efurlanm/mermaid-tw5 · GitHub ? With this, switching between mermaid plugins will be seamless, no need to change widget in existing tiddlers.

efurlanm/mermaid-tw5 is unmaintained, glad to see there is a new one. Have you add it to CPL?

[oeyoews]

This plugin currently only provides a widget and does not provide the mermaid lib, so it is indeed compatible with the original mermaid plugin, so they can be used together.

[oeyoews]

Updated to CPL