Markdown-Notation Überblick

Markdown-Notation Handbuch (Schnellübersicht & Beispiele)

Nutzen Sie diese Anleitung, um Inhalte in Ihrer Text Chart zu formatieren. ProcessMind unterstützt die CommonMark-Grundlagen sowie beliebte GitHub-Flavored Markdown (GFM)-Erweiterungen wie Tabellen, Task-Listen und Durchstreichungen.

Überschriften

Verwenden Sie # bis ###### am Anfang einer Zeile:

# H1
##  H2
###  H3
####  H4
#####  H5
######  H6

Absätze & Zeilenumbrüche

Absätze mit einer Leerzeile trennen.

Einfacher Zeilenumbruch (Soft Break): Zeile mit zwei Leerzeichen beenden oder <br> nutzen.

Erste Zeile mit Soft Break··
geht in der nächsten Zeile weiter.

Neuer Absatz nach einer Leerzeile.

Hervorhebungen (Kursiv, Fett, Durchgestrichen)

*kursiv* oder _kursiv_
**fett** oder __fett__
***fett kursiv***
~~durchgestrichen~~   <!-- GFM -->

Listen (Aufzählung, Nummeriert, Verschachtelt)

Aufzählungen: -, + oder *. Nummeriert: 1., 2. usw.

- Element A
- Element B
  - Verschachteltes Element B1
  - Verschachteltes Element B2

1. Schritt eins
2. Schritt zwei
   1. Unter-Schritt
   2. Unter-Schritt

Tipp: Verwenden Sie stets die gleiche Einrückung (2–4 Leerzeichen) für verschachtelte Einträge.

Links

Als Inline-Link oder im Referenzstil verwendbar:

Inline: [ProcessMind](https://processmind.com)
Mit Titel: [Seite](https://example.com "Optionaler Titel")

Referenz: [Dokumentation][docs-link]

[docs-link]: https://example.com/docs

Bilder

Alt-Text ist wichtig für Barrierefreiheit und SEO.

![Alt-Text, der das Bild beschreibt](https://example.com/image.png "Optionaler Titel")

Bilder im Referenzstil:

![Logo][logo]

[logo]: https://example.com/logo.png

Blockquotes

Verwenden Sie > am Zeilenanfang. Mehrere > verschachteln Zitate.

> Ein einzeiliges Zitat.
>
> Zitat über mehrere Absätze:
>
> > Verschachteltes Zitat Ebene 2.

Code (Inline & Blöcke)

Inline-Code nutzt einfache Backticks code, Code-Blöcke drei Backticks. Für Syntax-Highlighting Sprache angeben.

• Beispiele: ```code

Hier ist `Inline-Code`.

Enthält Ihr Inhalt bereits drei Backticks, verwenden Sie vier Backticks zum Abgrenzen.

Trennlinien

Drei oder mehr ---, *** oder ___ allein in einer Zeile:

---

Tabellen

Verwenden Sie Pipes | und Trennzeilen ---. Doppelpunkte (:) bestimmen die Ausrichtung.

| Spalte        | Typ     | Hinweise           |
|:--------------|:-------:| :------------------|
| Name          | String  | Linksbündig        |
| Score         | Number  | Linksbündig        |
| Description   | String  | Linksbündig        |

Eine Leerzeile vor der Tabelle sorgt dafür, dass sie korrekt dargestellt wird.

Aufgabenlisten

Verwenden Sie - [ ] und - [x].

- [x] Schema designen
- [ ] API implementieren
- [ ] Tests schreiben

• Schema designen
• API implementieren
• Tests schreiben

Spezielle Zeichen escapen

Setzen Sie vor das Sonderzeichen einen Backslash \, um dieses als Text darzustellen.

\*Nicht kursiv\*, zeigt Sternchen als Zeichen.
Verwenden Sie den Backslash für \#, \[, \], \(, \), \_, \*, \`, \|, \>

Referenz-Links & -Bilder

Mit Referenzen am Ende bleibt der Inhalt übersichtlich.

Siehe den [Guide][g].
Siehe das ![Badge][b].

[g]: https://example.com/guide
[b]: https://example.com/badge.svg

Autolinks & E-Mail

Einfache URLs werden meist automatisch verlinkt. Spitzklammern erzwingen die Verlinkung.

https://example.com
<mailto:hello@example.com>

Inline-HTML (Optional)

Viele Renderer unterstützen sicheres HTML, wenn Markdown nicht ausreicht.

<strong>Fett</strong> und <em>kursiv</em> mit HTML.
<br>
<span style="font-variant:small-caps">Kapitälchen</span>

Hinweis: Aus Sicherheits- und Kompatibilitätsgründen werden nicht alle HTML-Tags unterstützt.

Typische Fehlerquellen

• Zeilenumbrüche: Zwei Leerzeichen am Zeilenende oder <br> verwenden.
• Listen verschachteln: Elemente immer gleichmäßig einrücken (2–4 Leerzeichen).
• Code-Blöcke: Nach den Backticks die Sprache für Syntax-Highlighting angeben.
• Tabellen: Immer eine Leerzeile vor der Tabelle einfügen.
• Bilder: Immer aussagekräftigen alt-Text angeben.
• Tabs/Leerzeichen mischen: Lieber Leerzeichen verwenden für saubere Darstellung.

Starter-Template

Kopieren und anpassen:

### Title of TextChart

Short intro paragraph that explains the context.

Value of the metric ${metric} is measured.

![image](https://processmind.com/logo.webp)

Visit us at: https://processmind.com

####  Zentrale Punkte
- Punkt A
- Punkt B
- Punkt C