User Guide

Owned by Toshihiro Sato
Last updated: Jun 17, 2020
2 min read

A. Embed Mermaid chart or diagram to Confluence page

  1. Start in edit mode of the page or blog

  2. Click on the "+" at the top of the page

  3. Find "Mermaid Integration for Confluence" from the drop down list or click "View more"

  4. Search for Mermaid Integration for Confluence in the search bar

  5. The Insert Mermaid Integration for Confluence dialog will be opened

  6. Copy and paste a valid Mermaid chart or diagram markdown-inspired text in the macro body. You can learn more about the syntax from Mermaid document page: https://mermaid-js.github.io/mermaid or use Mermaid Live Editor to edit and preview charts/ diagrams.

  7. Click "Insert"

  8. Save the page

9. Chart or diagram will be generated on your Confluence page

B. Edit and preview Mermaid charts and diagrams

Click on your User Profile to open user menu, click on Mermaid Live Editor to open it