Page Comparison

Info
The demo shown below is was taken from the official Mermaid documentation here.

Confluence mermaid macro

searchText	erDiagram CUSTOMER ORDER places ORDER LINE ITEM contains CUSTOMER DELIVERY ADDRESS uses
download	true
fullscreen	true
panZoom	true
zoom
theme	default
disableUseMaxWidth
copy	true
exportWidth
height

erDiagram
    CUSTOMER ||--o{ ORDER : places
    ORDER ||--|{ LINE-ITEM : contains
    CUSTOMER }|..|{ DELIVERY-ADDRESS : uses

Textual representation

...

Confluence prism macro

lineNumbers	true
showPreviews
downloadFilename	ErDiagram.mmd
showInvisibles
lineHighlight
language	Mermaid
lineNumbersStart
dialogTitle	Entity relationship diagram
limitHeight
height
clickableLinks

erDiagram
    CUSTOMER ||--o{ ORDER : places
    ORDER ||--|{ LINE-ITEM : contains
    CUSTOMER }|..|{ DELIVERY-ADDRESS : uses

^{The code above is rendered by "}^{Prism Syntax Highlighter for Confluence}^{" which supports highlighting Mermaid syntax.}

👉 Check out the official Mermaid documentation here https://mermaid-.js.github.io/mermaid/#org/syntax/entityRelationshipDiagram.html.

Versions Compared