@jwevans/markdown-it-mermaid

Usage

npm i --save @jwevans/markdown-it-mermaid

import MarkdownIt from 'markdown-it';
import MarkdownItMermaid from '@jwevans/markdown-it-mermaid';

const md = new MarkdownIt();

md.use(MarkdownItMermaid);

md.render(/* Markdown String to Render */)

Examples

```mermaid
flowchart TB
   c1-->a2
   subgraph one
   a1-->a2
   end
   subgraph two
   b1-->b2
   end
   subgraph three
   c1-->c2
   end
```

In the outputed HTML include the following: (or the latest version from https://mermaid-js.github.io/mermaid/#/n00b-gettingStarted?id=_3-calling-the-javascript-api)

<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
<script>
   mermaid.initialize({ startOnLoad: true });
</script>