TOAST UI Editor : Mermaid Plugin

This plugin adds Mermaid rendering for $$mermaid ... $$ blocks.

Install

npm install --save @techie_doubts/editor-plugin-mermaid

Usage

import { Editor } from '@techie_doubts/tui.editor.2026';
import mermaidPlugin from '@techie_doubts/editor-plugin-mermaid';

const editor = new Editor({
  el: document.querySelector('#editor'),
  initialEditType: 'markdown',
  previewStyle: 'vertical',
  plugins: [mermaidPlugin],
});

Notes

• Rendering is scheduled via requestAnimationFrame (Safari-friendly).
• The CDN build expects Mermaid to be loaded separately.