gt6796c / mermaid-tw5

Tiddly Wiki 5 plugin to support the mermaid library
MIT License
19 stars 10 forks source link

mermaid-tw5

wrapper for mermaid

https://mermaid-js.github.io/mermaid/

place the <$mermaid> widget and then use the mermaid syntax with in the text.

<$mermaid text="
        graph LR
            A-->B
            B-->C
            C-->A
            D-->C
"><$mermaid>

An alternative method is to make the Tiddler type to be text/vnd.tiddlywiki.mermaid. You can also try putting the mermaid syntax within the <$mermaid> element, but this does not work as well due to TW5 parsing.

You can install by browsing to https://gt6796c.github.io/ and dragging the link to your TiddlyWiki.