Another mermaid widget: mermaid-widget

It seems that this usage is still affected by wikirule in non-markdown mode, and it seems that you still need to use $$$text/vnd.tiddlywiki.mermaid(The plugin has not been written yet)

Do you have any plugin library? or do you recommend to directly install from GitHub?

It works now! One suggestion.

In example like:


<$mermaid2 rendertype="png" theme="forest">
graph LR;
a[Another mermaid widget] -.-> b[[mermaid-widget]]
</$mermaid2>

Is it possible to avoid entry in double square brackets? If not, does the links filter operator detect it as a missing link?
In summary I want to emphasis that [[…]] is a link in TiddlyWiki.

Thank you! One more thing:


<$mermaid2 rendertype="png" theme="forest">

</$mermaid2>

raises the RSOD! So the empty widget shall be handled correctly here!

I love the

```mermaid
~~ script here
```

much better than mermaid2!

Now it seems that this example happens to avoid this dash bug, and there are indeed many rsod problems in wiki mode. I am thinking about whether there is any good way to parse this text except using a new parser


I plan to abandon the use of mermaid widget and directly transform codeblock. In this way, whether it is markdown or not, you can directly use this syntax, and you don’t need to install other plugins, such as markdown-it-mermaid plugin.


Completed basic rewrite

mermaid plugin link

1 Like

This is killing feature!


```mermaid
mindmap
a)TiddlyWiki5(
b
c
```

So it works on WikiText mode now? Thanks, looking forward to CPL update.

Downloaded the plugin and updated my wiki. The new functionality is fantastic, thank you for supporting this!

One thing that stood out as a bit peculiar was a grey background behind the generated image. I’m assuming this is from the <pre> tags that get generated around the code fence.

Already fixed. I was actually thinking about removing the background color, and now it has been removed, but it is still a code block, so you can still quickly copy the code (via other plugins)

2 Likes

Have you fix codeblock on wikitext mode? Will it work in latest version? I didn’t get update from CPL.

Sure enough, the grey background is gone after I update the plugin. Thanks!

use another plugin oeyoews/mermaid

1 Like

Mermaid support kanban

1 Like

That’s looking good.
They still haven’t done my request for critical path analysis though! Grrr :slight_smile:

Not sure what I’m doing wrong, but I have CPL in my TW, but I can’t find mermaid-widget when searching the plugin there.

My fault, I should create a new post to state this new mermaid plugin, mermaid-widget has been deprecated, now you should search for mermaid on CPL, or click this address directly TiddlyWiki Starter Kit — 📦 使用 tiddlywiki 搭建的本地优先的笔记软件

Thanks. Where is the source code of the plugin?

1 Like