Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Live preview and syntax validation support

Image Added

The macro editor supports syntax highlighting and validation checks. Moreover, while editing the Mermaid code a live preview of the diagram is shown.

Version history in editor

2024-02-26 Editor versions.gifImage Added

When working in the macro editor, the diagram’s history including the old versions is available.

Default diagram templates

Image Added

Predefined diagram templates ease the creation of new diagrams as you don’t have to start from scratch but can use any of the templates as blueprint.

Zooming & maximizing support in editor

2024-05-26 Editor maximize.gifImage Added

The editor functionalities “pan & zoom” and “maximize” can help when inserting or editing complex diagrams.

Theme support

Image Added

The macro option “Theme” allows you to defined the color schema (“Default”, “Neutral”, “Dark” or “Forest”) that should be used to render the diagrams.

Download and fullscreen support

Image Modified

Mermaid diagrams can

now

be downloaded as image and opened in a (Confluence) fullscreen dialog.

Both features can be easily enabled in the macros settings for any diagram by checking the checkboxes “Allow Download” and/or “Allow fullscreen”.

Confluence’s dark mode support

2024-01-04 Darkmode.gifImage Added

For best legibility, the diagram rendering bases on the users' current Confluence theme.

Load Mermaid code from remote locations

Image Added

Mermaid code can be loaded from remote locations. This allows using Mermaid code from GitHub or any other platform where the source code is publicly available under a URL.

Convert Mermaid Live Editor URLs into diagrams

Image Added

Mermaid diagrams can be added to Confluence pages by just copy & pasting a URL from the Mermaid Live Editor (https://mermaid.live/).

With the this feature it has never been easier to add Mermaid diagrams to your Confluence pages if you use the Mermaid Live Editor from https://mermaid.live/.