--- title: 'Markdown-Editor – und die Sprache dahinter erklärt' url: 'https://www.p17-tools.de/web-seo/markdown-editor' markdown: 'https://www.p17-tools.de/web-seo/markdown-editor.md' lang: de date: '2026-10-14' description: 'Markdown online schreiben mit Live-Vorschau und HTML-Export – plus verständliche Anleitung zu Überschriften, Listen, Links, Tabellen und Codeblöcken.' --- 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 **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: ```markdown # Hauptüberschrift ## Kapitel ### Abschnitt #### Unterabschnitt ``` Alternativ lassen sich die ersten beiden Ebenen durch eine Linie aus Gleichheitszeichen oder Bindestrichen unter dem Text auszeichnen: ```markdown 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. ```markdown 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 ```markdown 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: ```markdown - 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: ```markdown 1. Erster Schritt 2. Zweiter Schritt 3. Dritter Schritt ``` Aufgabenlisten sind eine Erweiterung aus GitHub Flavored Markdown: ```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: ```markdown [p17-tools.de](https://www.p17-tools.de) [Kontakt](/kontakt "Zum Kontaktformular") ``` Bilder funktionieren genauso, mit einem Ausrufezeichen davor. Der Text in den eckigen Klammern ist die Bildbeschreibung für Screenreader und Suchmaschinen: ```markdown ![Logo der p17 GmbH](logo.svg) ``` ## Zitate Ein spitzes Klammerzeichen am Zeilenanfang. Zitate lassen sich verschachteln und dürfen andere Elemente enthalten: ```markdown > 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: ```markdown 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: ```markdown ```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: ```markdown --- \*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](https://www.niceit.de/) Unterstützung. Für eigene Anwendungen, in denen Inhalte gepflegt und ausgegeben werden, ist die [p17 GmbH](https://www.p17.de/) Ansprechpartner. ## Verwandte Werkzeuge - Textlängen und Lesezeit: [Zeichenzähler](https://www.p17-tools.de/buero/zeichenzaehler) - Seitentitel für Google prüfen: [Meta-Tag-Editor](https://www.p17-tools.de/web-seo/meta-tag-editor) - Links für Newsletter und Social Media: [UTM-Link-Generator](https://www.p17-tools.de/web-seo/utm-link-generator) ## 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“ - [UTM-Links](https://www.p17-tools.de/web-seo/utm-link-generator)Tracking-Links mit utm\_source, utm\_medium und utm\_campaign – mit GA4-Kanalvorschau. - [Meta-Tags & Vorschau](https://www.p17-tools.de/web-seo/meta-tag-editor)Titel und Description mit Pixelmessung, Suchergebnis-Vorschau und Symbolpalette. - [Alle Werkzeuge: Web & SEO](https://www.p17-tools.de/web-seo)UTM-Links bauen, Meta-Tags mit Google-Vorschau prüfen, Markdown schreiben. --- ## Navigation - Parent: [Werkzeuge für Website, Suchmaschine und Kampagne](https://www.p17-tools.de/web-seo.md) - Previous: [Meta-Titel und Description schreiben – mit Vorschau](https://www.p17-tools.de/web-seo/meta-tag-editor.md)