Mermaid Tool

!Version of EditorJS that the plugin is compatible with

Provides Mermaid Blocks for the Editor.js.

Installation

$3

Get the package

``shell
npm i --save editorjs-mermaid
`

Include module at your application

`javascript
const MermaidTool = require('editorjs-mermaid');
`

$3

1. Upload folder dist from repository
2. Add dist/bundle.js file to your page.

$3

You can load specific version of package from jsDelivr CDN.

https://cdn.jsdelivr.net/npm/@editorjs/header@latest

Then require this script on page with Editor.js through the tag.

Usage

Add a new Tool to the tools property of the Editor.js initial config.

If you want to configure mermaid, use the onReady property of Editor.js.

`javascript
var editor = EditorJS({
...

tools: {
...
mermaid: MermaidTool,
},

...

onReady: () => {
MermaidTool.config({ 'theme': 'neutral' })
}

...
});
`

Output data

| Field | Type | Description |
| ------- | -------- | ------------------ |
| caption | string | caption |
| code | string | mermaid code |

`json
{
"type": "header",
"data": {
"caption": "flowchart sample",
"code": "flowchart LR\nA-->B"
}
}
``