Markdown-Editor

Dieser Markdown-Editor online zeigt Ihren Text links und das formatierte Ergebnis rechts, und die Vorschau ändert sich mit jedem Tastendruck. Er versteht das Markdown, das auf GitHub, in README-Dateien, Wikis und Notiz-Apps wie Obsidian verwendet wird: Überschriften, Listen, Checklisten, Tabellen, Code, Zitate, Links, Bilder und Fußnoten. Sie brauchen kein Konto, und nichts von dem, was Sie eingeben, wird irgendwohin gesendet.

So verwenden Sie den Markdown-Editor online

1. Geben Sie Markdown in das linke Feld ein oder fügen Sie es dort ein, oder öffnen Sie eine .md-Datei mit der Dateischaltfläche in der Symbolleiste. Sie können eine Datei auch an einer beliebigen Stelle auf dem Editor ablegen.
2. Verfolgen Sie rechts die Vorschau. Synchron scrollen hält beide Seiten an derselben Stelle des Dokuments, während Sie in einer der beiden scrollen.
3. Formatieren Sie Text mit der Symbolleiste oder mit Tastenkürzeln wie Ctrl+B für Fettdruck und Ctrl+K für einen Link.
4. Kopieren Sie das Ergebnis als Markdown, als HTML oder formatiert, oder laden Sie es als .md-, .pdf-, .docx-, .html- oder .txt-Datei herunter.

Der Editor startet mit einem kurzen Beispiel namens „Projektnotizen“, das alle gängigen Elemente verwendet. So sehen Sie die Syntax und ihr Ergebnis nebeneinander, bevor Sie Ihren eigenen Text schreiben.

Markdown-Editor mit Live-Vorschau

Über dem Editor gibt es drei Ansichten. Nebeneinander zeigt links das Markdown und rechts die Vorschau, Schreiben gibt dem Text die ganze Breite, und Vorschau zeigt nur das Ergebnis. Damit dient der Editor auch als einfacher Markdown-Viewer für eine Datei, die Ihnen jemand geschickt hat. Auf dem Smartphone wechselt der Editor zwischen Schreiben und Vorschau, weil zwei Spalten zu schmal zum Lesen wären.

Die Vorschau wird so dargestellt, wie GitHub Markdown darstellt: CommonMark mit den Erweiterungen von GitHub Flavored Markdown (beide auf Englisch), die Tabellen, Checklisten, durchgestrichenen Text und automatische Links ergänzen. Überschriften erhalten Anker wie auf GitHub, sodass ## Release-Plan als #release-plan verlinkt werden kann, und ein Klick auf einen solchen Link scrollt die Vorschau zur Überschrift. Fußnoten, die als [^1] geschrieben sind, werden in der Reihenfolge ihrer ersten Erwähnung nummeriert und am Ende aufgelistet.

Das Textfeld nutzt die Rechtschreibprüfung Ihres Browsers, sodass falsch geschriebene Wörter schon beim Schreiben unterstrichen werden. Unter dem Editor sehen Sie die Anzahl der Wörter und Zeichen sowie die Lesezeit. Die Zählung lässt die Markdown-Syntax weg, bei einer mit ## markierten Überschrift zählen also nur ihre Wörter. Wenn Sie auch Sätze und Absätze zählen möchten, fügen Sie den Text in den Zeichen- und Wortzähler ein.

Symbolleiste und Tastenkürzel

Die Symbolleiste deckt alles ab, was Sie für ein typisches Dokument brauchen: Überschrift, Fett, Kursiv, Durchgestrichen, Inline-Code, Link, Bild, Zitat, Codeblock, Aufzählungsliste, Nummerierte Liste, Checkliste, Tabelle und Horizontale Linie. Markieren Sie zuerst Text, dann umschließt die Schaltfläche ihn; ein weiterer Klick auf dieselbe Schaltfläche entfernt die Zeichen wieder. Ohne Markierung fügt die Schaltfläche einen kurzen Platzhalter ein, der bereits markiert ist, sodass Sie ihn einfach überschreiben.

Ein paar Details sparen Zeit:

• Überschrift schaltet die aktuelle Zeile der Reihe nach auf #, ##, ### und zurück zu normalem Text.
• Link macht aus den markierten Wörtern [Wörter](https://) und markiert den Adressteil, sodass Sie nur noch die URL einfügen. Wenn Sie stattdessen eine URL markieren, wird sie zur Adresse.
• Die Listenschaltflächen und Zitat wirken auf alle markierten Zeilen gleichzeitig. Ein Klick auf Nummerierte Liste macht aus einer Aufzählung eine nummerierte Liste.
• Drücken Sie am Ende eines Listeneintrags Enter, und der nächste Eintrag beginnt mit dem passenden Zeichen. Nummern zählen hoch, eine neue Aufgabe beginnt ohne Häkchen, und Enter auf einem leeren Eintrag beendet die Liste. Tab und Shift+Tab rücken Listeneinträge ein und aus.
• Jede Änderung durch eine Schaltfläche oder ein Tastenkürzel lässt sich mit Ctrl+Z rückgängig machen.

Alle Tastenkürzel finden Sie unterhalb des Editors unter Tastenkürzel. Auf dem Mac verwenden sie die Befehlstaste.

Aus Word oder Google Docs einfügen und Markdown erhalten

Wenn Sie Text einfügen, den Sie aus Word, Google Docs oder einer Webseite kopiert haben, wandelt der Editor dessen Formatierung in Markdown um, statt sie zu verwerfen. Überschriften werden zu #-Zeilen, fetter und kursiver Text erhält seine Sternchen, Links behalten ihre Adressen, Aufzählungen und nummerierte Listen (auch die Listen mit mehreren Ebenen aus Word) werden zu Markdown-Listen, und Tabellen werden zu Markdown-Tabellen mit der ersten Zeile als Kopfzeile. So bringen Sie ein vorhandenes Dokument am schnellsten in eine README-Datei oder eine Wiki-Seite.

Wenn Sie nur den reinen Text wollten, klicken Sie in dem Hinweis, der nach dem Einfügen erscheint, auf Stattdessen reinen Text verwenden, oder fügen Sie mit Ctrl+Shift+V ein. Code, der aus VS Code oder einem anderen Code-Editor kopiert wurde, und Text, der bereits Markdown ist, werden genau so eingefügt, wie sie sind.

Spickzettel zur Markdown-Syntax

Die gängigste Syntax auf einen Blick. Tippen Sie die linke Spalte in den Editor, dann sehen Sie in der Vorschau die rechte Spalte.

Sie tippen	Sie erhalten
# Titel, ## Abschnitt, ### Unterabschnitt	Überschriften der Ebenen 1 bis 3 (bis 6 mit ######)
**fett** und *kursiv*	fett und kursiv
~~alt~~	alt
`Code`	Code in einer Festbreitenschrift
[Text](https://example.com)	ein Link
	ein Bild
- Eintrag oder 1. Eintrag	eine Aufzählung oder nummerierte Liste
- [ ] Aufgabe und - [x] erledigt	eine Checkliste mit Kontrollkästchen
> zitierter Text	ein Zitat
drei Backticks in einer Zeile vor und nach dem Code	ein Codeblock
--- in einer eigenen Zeile	eine horizontale Linie
Text[^1] und [^1]: Anmerkung	eine Fußnote

Eine Markdown-Tabelle braucht eine Kopfzeile, eine Trennzeile aus Bindestrichen und danach eine Zeile pro Tabellenzeile, wobei | die Zellen trennt. Ein Doppelpunkt in der Trennzeile legt die Ausrichtung fest: :-- richtet links aus, :-: zentriert und --: richtet rechts aus. Die Schaltfläche Tabelle fügt eine fertige Tabelle mit drei Spalten als Ausgangspunkt ein. Die Zellen müssen im Quelltext nicht bündig untereinanderstehen, aber bündige Spalten machen die Tabelle später leichter zu bearbeiten.

Markdown akzeptiert außerdem HTML für Dinge, für die es keine eigene Syntax hat, etwa <kbd>Ctrl</kbd> für Tasten, <sub> und <sup> für H₂O und x² oder <details> für einen Abschnitt, der sich per Klick öffnet. Skripte, Styles und Formulare werden aus Sicherheitsgründen aus der Vorschau entfernt.

Formatiert kopieren oder Datei herunterladen

Markdown kopieren kopiert den Quelltext, HTML kopieren kopiert sauberes HTML für eine Website oder ein CMS, und Formatiert kopieren kopiert das formatierte Ergebnis. Fügen Sie es in Google Docs, Word, Outlook oder Gmail ein, und Überschriften, fetter Text, Listen, Links und Tabellen kommen formatiert an, ohne übrig gebliebene Markdown-Zeichen.

Die Schaltflächen neben Herunterladen speichern das Dokument mit einem Klick als Markdown, PDF, Word, HTML oder reinen Text, benannt nach dem Titel in seinem Front Matter oder nach seiner ersten Überschrift. Dabei gelten sinnvolle Voreinstellungen: A4-Papier (Letter in den USA, Kanada, Mexiko und anderen Ländern, in denen dieses Format Standard ist), normale Ränder und Schriftgröße 11 Punkt. Um Seitenformat, Schriftarten und Ränder zu wählen, ein Inhaltsverzeichnis hinzuzufügen oder mehrere Dateien auf einmal umzuwandeln, verwenden Sie Weitere Exportoptionen. Damit öffnet sich der Markdown-Konverter, in dem Ihr Text schon eingefügt ist.

Häufig gestellte Fragen

Wird mein Text hochgeladen oder irgendwo gespeichert?

Nein. Vorschau, Umwandlung und Downloads finden vollständig in Ihrem Browser statt, und der Text wird nie an einen Server gesendet. Standardmäßig wird auch nichts gespeichert, der Text ist also weg, wenn Sie den Tab schließen. Wenn Sie Entwurf in diesem Browser speichern ankreuzen, wird der Text nach jeder Änderung im Speicher Ihres eigenen Browsers abgelegt und ist beim nächsten Besuch wieder da. Entfernen Sie das Häkchen an einem gemeinsam genutzten Computer; dabei wird auch der gespeicherte Entwurf gelöscht.

Wie öffne ich eine .md-Datei online und zeige sie an?

Klicken Sie auf die Dateischaltfläche in der Symbolleiste oder legen Sie die Datei auf dem Editor ab, und wechseln Sie dann zu Vorschau, um sie als formatiertes Dokument zu lesen. Dateien bis 20 MB in UTF-8 oder UTF-16 werden direkt geöffnet. Bilder in der Datei werden angezeigt, wenn sie eine vollständige Webadresse haben; Bilder, die neben der Datei auf Ihrem Computer liegen, kann eine Webseite nicht laden.

Welche Markdown-Variante verwendet der Editor?

Er folgt CommonMark (auf Englisch), dem Standard, auf den sich die meisten Markdown-Tools geeinigt haben, und dazu den GitHub-Erweiterungen: Tabellen, Checklisten, durchgestrichener Text, automatische Links und Fußnoten. Text, der für GitHub, GitLab, Obsidian, Reddit oder Discord geschrieben wurde, sieht hier genauso aus, abgesehen von Funktionen, die diese Dienste zusätzlich bieten, etwa Erwähnungen von Nutzern oder die Wiki-Links von Obsidian.

Wie füge ich Markdown in Google Docs ein?

Klicken Sie auf Formatiert kopieren und fügen Sie den Text in das Dokument ein. Überschriften, Listen, Links und Tabellen behalten ihre Formatierung. Neuere Versionen von Google Docs können Markdown auch selbst lesen, über Bearbeiten, Aus Markdown einfügen, sobald Markdown unter Tools, Einstellungen aktiviert ist.

Unterstützt der Editor Mermaid-Diagramme oder LaTeX-Formeln?

Noch nicht. Ein Mermaid-Block wird als gewöhnlicher Codeblock angezeigt, und Formeln, die als $...$ geschrieben sind, bleiben einfacher Text. Alles andere aus GitHub Flavored Markdown wird unterstützt.

Was ist Markdown und wer verwendet es?

Markdown ist eine Möglichkeit, reinen Text mit wenigen Zeichen zu formatieren. John Gruber hat es 2004 entwickelt, damit ein Dokument schon lesbar ist, bevor es in HTML umgewandelt wird (mehr dazu in der Wikipedia). Entwickler nutzen es für README-Dateien und Dokumentation, Autoren für Notizen und Entwürfe, und KI-Chatbots antworten darin. Deshalb sind deren Antworten voller Sternchen und Rautezeichen, wenn man sie anderswo einfügt.

Weitere Tools für Text finden Sie in der Kategorie Text: Vergleichen Sie zwei Versionen eines Dokuments, um zu sehen, was sich geändert hat, oder ändern Sie die Groß- und Kleinschreibung von Überschriften in einem Schritt. Entwickler finden den JSON Formatter und weitere Tools unter Entwickler.