Multiple bytemd invocations on page confuse mermaid plugin.

[kefahi]

Hello,

I have a CMS engine, that lists posts with bytemd and mermaid plugin.

Bytemd uses div with a fixed id bytemd-mermaid-${i} where i is the ordinal of mermaid within that bytemd block.

The problem is when there are multiple bytemd-based posts on the same html page they are given the same (conflicting) sequence of div ids. which causes the rendering of mermaid drawings to be badly broken.

My initial fix was to add randomizatoin to that div id as follows bytemd-mermaid-${Math.floor(Math.random()*1000)}-${i}

The problem was solved for me this way; but not sure if this is the best solution; if so would you please consider as a fix and accept the change?

Thanks.

[pd4d10]

Sounds great. PRs welcome!

[pd4d10]

How about using timestamp? Date.now()

[kefahi]

How about using timestamp? Date.now()

Sounds even better. PR is done and passed testing.

Thanks!

[pd4d10]

Thanks! @bytemd/plugin-mermaid v0.1.1 published