Powerful Mermaid Editor for Confluence

[#1]

Mermaid JS is a versatile tool that enables users to create diagrams and visualizations using a straightforward, text-based syntax. It is especially effective for generating various types of diagrams, including flowcharts, sequence diagrams, Gantt charts, and more, all directly from text.

Confluence does not natively support Mermaid JS. There are numerous apps available on the Atlassian Marketplace that integrate Mermaid into Confluence. But these apps focus on displaying and rendering diagrams rather than aiding in the creation of them. This can indeed be a limitation for users who are not yet familiar with the syntax or who need assistance in constructing complex diagrams because mastering Mermaid JS syntax can be a big challenge.

Mermaid AI Live is the exciting tool for enhancing the user experience with Mermaid diagrams, especially for those who might find the syntax challenging. It simplifies the process, making it accessible to beginners.

Mermaid Live Editor

This editor is officially recommended by Mermaid for crafting Mermaid scripts, and we have seamlessly integrated it into Confluence, providing the following features:

Built-in examples： various Mermaid diagrams to facilitate quick and easy diagram creation， such as Sequence, Flow, Class, State, Gantt, User Journey, Git, Pie, Mindmap, UML, Quadrant Chart…

Live Preview: As you write or modify your Mermaid code, the editor provides a live preview of the diagram, making it easy to see changes in real-time.

Export Options: You can export your diagrams in various formats like PNG, SVG, or Kroki

Themes: The Mermaid Live Editor offers a variety of themes

Text to Diagrams by AI

That’s a great feature! Allowing users to input a textual description and then using AI to generate Mermaid scripts for creating diagrams simplifies the process significantly. No additional configuration is required from the user, such as setting up an AI engine or a ChatGPT key. Simply installing Mermaid AI Live provides immediate, out-of-the-box functionality for generating diagrams using AI.