Mermaid
Das Modul einbinden
Um die interaktiven Elemente nutzen zu können, muss die Einbindung über den Meta-Tag features
erfolgen:
---- Features: mermaid ----
Funktion
Der Mermaid-Code muss in einem pre
-Tag mit der Klasse mermaid
stehen, er wird dann automatisch umgewandelt. Beispiel:
<pre class="mermaid">
sequenceDiagram
participant Alice
participant Bob
Alice->>John: Hello John, how are you?
loop HealthCheck
John->>John: Fight against hypochondria
end
Note right of John: Rational thoughts <br/>prevail!
John-->>Alice: Great!
John->>Bob: How about you?
Bob-->>John: Jolly good!
</pre>
sequenceDiagram participant Alice participant Bob Alice->>John: Hello John, how are you? loop HealthCheck John->>John: Fight against hypochondria end Note right of John: Rational thoughts
prevail! John-->>Alice: Great! John->>Bob: How about you? Bob-->>John: Jolly good!