Loading...
Skip navigation
Please note that this documentation is for the most recent version of this extension. It may not be relevant for older versions. Related documentation can be found in the documentation directory of the extension.

Diagrams and charts with Mermaid

Just define a code-block with the mermaid language.

```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]
    end

This will render the following diagram:


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]
    end

More information:

Documentation
TYPO3 Parsedown-Extra Extension

TYPO3 Parsedown Extra (Markdown)

Render Markdown by using the Parsedown-Extra library in TYPO3.

Menu

Contact request

You can contact us at any time

Stop! Playing in the meantime?
Stop! Playing in the meantime?
Stop! Playing in the meantime?

Stop! Playing in the meantime?

Break the highscore

Press Start
Contact request
Screenreader label
Security question
7NJ_________DQU______
__9____G____I_N___LDG
ZY6___6OU___5_9______
__Z____W____Z_H___T4C
RAN_________L4G______