Bitte beachte, dass sich diese Dokumentation auf die neuste Version dieser Erweiterung bezieht. Wenn eine ältere Version eingesetzt wird, kann diese abweichen. Die jeweils passende Dokumentation befindet sich im Dokumentation-Verzeichnis der Erweiterung.
Diagramme und Charts mit Mermaid
Definiere einfach einen Code-Block mit der Sprache mermaid wie folgt:
```mermaid
flowchart TD
A([Gibt es ein Problem?]) -->|Nein| OK1[Alles gut. Weiterarbeiten.]
A -->|Ja| B{Rutscht es?}
B -->|Ja| C{Soll es rutschen?}
B -->|Nein| D{Soll es rutschen?}
C -->|Ja| OK2[Perfekt. Nichts tun.]
C -->|Nein| T[Gaffa-Tape einsetzen.]
D -->|Ja| W[WD-40 benutzen.]
D -->|Nein| OK3[Perfekt. Nichts tun.]
T --> E{Problem behoben?}
W --> E
OK2 --> E
OK3 --> E
E -->|Ja| DONE[[Fertig. Kaffee holen.]]
E -->|Nein| B
%% Optional: kleine Legende
subgraph Legende
L1[WD-40: wenn es rutschen/sich bewegen soll]
L2[Gaffa-Tape: wenn es nicht rutschen/sich nicht bewegen soll]
endDas folgende Diagramm wird gerendert:
flowchart TD
A([Gibt es ein Problem?]) -->|Nein| OK1[Alles gut. Weiterarbeiten.]
A -->|Ja| B{Rutscht es?}
B -->|Ja| C{Soll es rutschen?}
B -->|Nein| D{Soll es rutschen?}
C -->|Ja| OK2[Perfekt. Nichts tun.]
C -->|Nein| T[Gaffa-Tape einsetzen.]
D -->|Ja| W[WD-40 benutzen.]
D -->|Nein| OK3[Perfekt. Nichts tun.]
T --> E{Problem behoben?}
W --> E
OK2 --> E
OK3 --> E
E -->|Ja| DONE[[Fertig. Kaffee holen.]]
E -->|Nein| B
%% Optional: kleine Legende
subgraph Legende
L1[WD-40: wenn es rutschen/sich bewegen soll]
L2[Gaffa-Tape: wenn es nicht rutschen/sich nicht bewegen soll]
endWeitere Informationen:
Dokumentation
TYPO3 Parsedown-Extra - Markdown by coding.ms
Bietet ein Content-Element und einen ViewHelper zur Darstellung von Markdown-Dateien inklusive Mermaid-Diagrammen (UML, Activity, State und mehr). Verarbeitet E-Mail-Links mit TYPO3-Verschlüsselung. ViewHelper zum Parsen von Markdown aus individuellen Quellen. Globale Definition von Abkürzungen per TypoScript. Code-/Syntax-Highlighting und vieles mehr.