About this plugin
CanaryBlue Diagrams for Mermaid adds a Mermaid Diagram block to the WordPress editor. Enter Mermaid syntax, see a debounced live preview, choose a theme, and publish an accessible SVG diagram without depending on an external CDN.
Mermaid is an independent open-source project. CanaryBlue Diagrams for Mermaid is developed by CanaryBlue and is not affiliated with or endorsed by the Mermaid project.
Features:
- Live Mermaid preview in the block editor.
- Matching front-end rendering from the saved Mermaid source.
- Default, Neutral, Dark and Forest themes.
- An editable accessible label for screen readers.
- Wide and full alignment plus WordPress spacing controls.
- Readable source fallback if JavaScript is unavailable or rendering fails.
- Mermaid 12.2.0 bundled locally with strict security mode.
- A capability-gated Mermaid administration page with version, documentation and support details.
org/docs/public/diagrams/
org/support/plugin/canaryblue-diagrams-for-mermaid
org/CanaryBlue-Public/Diagrams-Free
html
org forum and does not include a service-level agreement.
Development
This plugin uses a modern JavaScript build pipeline (Webpack + npm, through @wordpress/scripts) to generate the compiled assets found in the build/ directory.
org requirement for human-readable code, the uncompiled source is included in this package:
- src/ — the readable ES modules, block metadata and stylesheets used to generate the production bundles in build/.
- package.json — the pinned build toolchain (@wordpress/scripts 32.6.0) and the pinned Mermaid version.
json:
npm install
npm run build
The complete repository, including build configuration, tests, contribution guidance and release workflows, is publicly available at:
org/CanaryBlue-Public/Diagrams-Free
0, which is MIT licensed. txt and its own unminified source is published by the Mermaid project at:
com/mermaid-js/mermaid
0:
0
Third-Party Services
The plugin does not contact a third-party service to render diagrams. 0 is bundled locally and is licensed under the MIT License. txt in the plugin package.