/
Mermaid

Mermaid

  1. Start in edit mode of the page or blog

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

  3. Find "Mermaid 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

  7. Click "Insert"

  8. Save the page

 

Demo

Related content

Mermaid for Confluence
Mermaid for Confluence
More like this
Add customized HTML, CSS & JavaScript
Add customized HTML, CSS & JavaScript
More like this
HTML Macro for Confluence Home
HTML Macro for Confluence Home
More like this
Swagger UI for Confluence
Swagger UI for Confluence
More like this
Figma File Integration
Figma File Integration
More like this
Embed SlideShare
More like this