Zum Inhalt springen

p17 GruppeWerkzeuge für den Büroalltag

Web & SEO

Markdown-Editor – und die Sprache dahinter erklärt

Links schreiben, rechts sehen: Der Editor wandelt Markdown live in formatierten Text und HTML um. Darunter finden Sie alle Befehle mit Beispielen – von der Überschrift bis zur Tabelle.

Werkzeug: Markdown

Vorschau

Wörter
0
Zeichen
0
Überschriften
0
Links
0
Erzeugtes HTML anzeigen

Sicher: HTML-Code im Text wird nicht ausgeführt, sondern als Text angezeigt, und Links sind nur mit http, https, mailto und tel erlaubt. Die Umwandlung passiert vollständig in Ihrem Browser – Ihr Text wird nicht übertragen.

Warum Markdown

Markdown trennt das Schreiben vom Gestalten. Wer tippt, muss keine Menüs öffnen und keine Schaltflächen suchen – ein paar Sonderzeichen genügen. Der Rohtext bleibt dabei lesbar, lässt sich in jedem Editor bearbeiten, mit Versionsverwaltung vergleichen und in beliebige Formate umwandeln.

Genau deshalb hat sich Markdown dort durchgesetzt, wo viel geschrieben und wenig gestaltet wird: in Dokumentationen, Wikis, Tickets, Chat-Nachrichten und Content-Management-Systemen.

Die Befehle im Überblick

Wirkung Markdown
Überschrift 1 bis 6 # bis ###### am Zeilenanfang
fett **fett** oder __fett__
kursiv *kursiv* oder _kursiv_
fett und kursiv ***fett und kursiv***
durchgestrichen ~~durchgestrichen~~
Aufzählung -, * oder + am Zeilenanfang
nummerierte Liste 1. am Zeilenanfang
Aufgabe - [ ] offen, - [x] erledigt
Link [Text](https://adresse.de)
Bild ![Beschreibung](bild.png)
Zitat > am Zeilenanfang
Trennlinie --- in einer eigenen Zeile

Die folgenden Abschnitte zeigen jeden Befehl mit Beispiel.

Überschriften

Rauten am Zeilenanfang, gefolgt von einem Leerzeichen. Die Zahl der Rauten bestimmt die Ebene:

# Hauptüberschrift
## Kapitel
### Abschnitt
#### Unterabschnitt

Alternativ lassen sich die ersten beiden Ebenen durch eine Linie aus Gleichheitszeichen oder Bindestrichen unter dem Text auszeichnen:

Hauptüberschrift
================

Kapitel
-------

Tipp: Pro Dokument nur eine Überschrift der ersten Ebene verwenden und keine Ebene überspringen. Das hilft Screenreadern, Suchmaschinen und automatisch erzeugten Inhaltsverzeichnissen.

Absätze und Zeilenumbrüche

Eine Leerzeile trennt Absätze. Ein einfacher Zeilenumbruch wird dagegen zu einem Leerzeichen zusammengezogen – so bleiben lange Absätze im Rohtext übersichtlich.

Das ist der erste Absatz.
Diese Zeile gehört noch dazu.

Das ist ein neuer Absatz.

Mit zwei Leerzeichen am Ende  
bricht die Zeile um, ohne neuen Absatz.

Hervorhebungen

Das ist **wichtig**, das ist *betont* und das ist ***beides***.
Das hier ist ~~gestrichen~~.

Sternchen und Unterstriche sind gleichwertig. Unterstriche mitten im Wort – etwa in datei_name_neu – werden nicht als Formatierung erkannt, Sternchen dagegen schon.

Listen

Aufzählungen beginnen mit einem Bindestrich, Sternchen oder Plus. Unterpunkte werden eingerückt:

- Angebot schreiben
- Termin abstimmen
  - Vorschlag Dienstag
  - Vorschlag Mittwoch
- Rechnung prüfen

Nummerierte Listen beginnen mit einer Zahl und einem Punkt. Die tatsächlichen Zahlen spielen keine Rolle – nur die erste bestimmt den Startwert:

1. Erster Schritt
2. Zweiter Schritt
3. Dritter Schritt

Aufgabenlisten sind eine Erweiterung aus GitHub Flavored Markdown:

- [x] Raum gebucht
- [ ] Unterlagen verschickt

Links und Bilder

Der sichtbare Text steht in eckigen, die Adresse in runden Klammern. Ein optionaler Titel in Anführungszeichen erscheint beim Überfahren mit der Maus:

[p17-tools.de](https://www.p17-tools.de)
[Kontakt](/kontakt "Zum Kontaktformular")
<https://www.p17.de>

Bilder funktionieren genauso, mit einem Ausrufezeichen davor. Der Text in den eckigen Klammern ist die Bildbeschreibung für Screenreader und Suchmaschinen:

![Logo der p17 GmbH](logo.svg)

Zitate

Ein spitzes Klammerzeichen am Zeilenanfang. Zitate lassen sich verschachteln und dürfen andere Elemente enthalten:

> Das ist ein Zitat.
>
> > Und das ein Zitat im Zitat.

Code

Einzelne Befehle oder Dateinamen stehen zwischen Backticks – das ist das Zeichen links neben der Rücktaste, zusammen mit der Umschalttaste:

Starten Sie mit `npm install`.

Längere Codeabschnitte stehen zwischen drei Backticks. Nach den öffnenden Backticks kann die Sprache angegeben werden, damit viele Programme den Code farbig darstellen:

```js
const netto = brutto / 1.19;

Innerhalb von Code wird nichts formatiert – Sternchen, Rauten und spitze Klammern bleiben, wie sie sind.

## Tabellen

Spalten werden durch senkrechte Striche getrennt, die zweite Zeile trennt den Kopf vom Inhalt. Doppelpunkte in dieser Trennzeile bestimmen die Ausrichtung:

```markdown
| Aufgabe | Wer  | Bis |
|:--------|:----:|----:|
| Angebot | Anna | Fr  |
| Termin  | Tom  | Mi  |

:--- richtet links aus, :---: zentriert, ---: richtet rechts aus. Die Striche müssen nicht bündig stehen – das ist nur für die Lesbarkeit des Rohtexts.

Trennlinie und Sonderzeichen

Drei Bindestriche, Sternchen oder Unterstriche in einer eigenen Zeile ergeben eine horizontale Linie. Soll ein Zeichen mit besonderer Bedeutung als normaler Text erscheinen, steht ein Backslash davor:

---

\*Das ist kein kursiver Text\*
\# Das ist keine Überschrift

Markdown-Varianten

Variante Besonderheit Verbreitung
Original (Gruber, 2004) Grundidee, in Details unklar historisch
CommonMark exakte Spezifikation der Grundregeln Basis der meisten modernen Parser
GitHub Flavored Markdown + Tabellen, Aufgaben, Durchstreichen, Autolinks GitHub, GitLab, viele Editoren
Markdown Extra + Tabellen, Fußnoten, Definitionslisten PHP-Welt, darunter Grav
MultiMarkdown + Fußnoten, Zitierungen, Metadaten wissenschaftliches Schreiben

Die Grundbefehle – Überschriften, Hervorhebungen, Listen, Links, Zitate und Code – funktionieren überall gleich. Unterschiede zeigen sich bei Tabellen, Fußnoten und dem Umgang mit HTML. Wer Texte zwischen Systemen austauscht, bleibt deshalb am besten bei CommonMark plus Tabellen.

Markdown im Arbeitsalltag

Viele Werkzeuge, die im Büro ohnehin laufen, verstehen Markdown – oft ohne dass es jemand weiß. In Microsoft Teams lassen sich Nachrichten mit **fett** oder Listen formatieren, Wikis und Ticketsysteme speichern Beschreibungen meist in Markdown, und für Protokolle ist es schneller als jede Textverarbeitung.

Wer Microsoft 365 und Teams im Unternehmen einführt oder betreibt, findet bei der nice-IT GmbH Unterstützung. Für eigene Anwendungen, in denen Inhalte gepflegt und ausgegeben werden, ist die p17 GmbH Ansprechpartner.

Verwandte Werkzeuge

Häufige Fragen zu Markdown

Was ist Markdown?

Eine einfache Auszeichnungssprache, mit der sich Text formatieren lässt, ohne HTML zu schreiben. Statt **wichtig** schreiben Sie **wichtig**. Der Text bleibt auch unformatiert gut lesbar – das war die Grundidee, als John Gruber Markdown 2004 veröffentlichte.

Wo wird Markdown verwendet?

In sehr vielen Werkzeugen: auf GitHub und GitLab, in Wikis und Wissensdatenbanken wie Notion, Obsidian oder Confluence, in Messengern wie Microsoft Teams, Slack und Discord, in Ticketsystemen, Foren und Content-Management-Systemen wie Grav, Hugo oder Jekyll. Auch diese Website ist in Markdown geschrieben.

Was ist der Unterschied zwischen Markdown, CommonMark und GFM?

Das ursprüngliche Markdown war nicht in allen Details festgelegt, deshalb entstanden viele Varianten. CommonMark ist eine genaue Spezifikation der Grundregeln. GitHub Flavored Markdown (GFM) baut darauf auf und ergänzt Tabellen, Aufgabenlisten, Durchstreichen und automatische Links. Dieser Editor folgt CommonMark mit den GFM-Erweiterungen.

Kann ich HTML in Markdown verwenden?

Viele Markdown-Umgebungen erlauben das. Dieser Editor zeigt HTML aus Sicherheitsgründen bewusst als Text an und führt es nicht aus. Für fast alle Formatierungen reicht Markdown ohnehin aus.

Wie mache ich einen Zeilenumbruch ohne neuen Absatz?

Mit zwei Leerzeichen am Zeilenende oder einem Backslash (\) direkt vor dem Zeilenumbruch. Ein einfacher Zeilenumbruch im Text wird sonst zu einem Leerzeichen zusammengezogen. Eine Leerzeile beginnt einen neuen Absatz.

Wie schreibe ich ein Sternchen, ohne dass es formatiert?

Mit einem Backslash davor: \* ergibt ein normales Sternchen. Das funktioniert für alle Zeichen mit besonderer Bedeutung, etwa \#, \_ oder \[.

Wie bekomme ich den Text in Word oder eine E-Mail?

Kopieren Sie den Text direkt aus der Vorschau – die Formatierung bleibt beim Einfügen in den meisten Programmen erhalten. Für Websites und Newsletter-Systeme nutzen Sie „HTML kopieren".

Weiterführend

Weitere Werkzeuge aus „Web & SEO“

Anrufen: +49 2562 18749-00