Markdown-Editor online mit Live-Vorschau
Schreiben Sie Markdown auf der einen Seite und sehen Sie das formatierte Ergebnis auf der anderen. Formatieren Sie per Leiste oder Tastenkürzel und kopieren, laden oder drucken Sie das Ergebnis dann. Ihr Text bleibt in Ihrem Browser
Die gerenderte Vorschau erscheint hier, sobald Sie tippen
Diese Datei ist größer als 2 MB und damit zu groß, damit der Editor flüssig bleibt. Teilen Sie sie in kleinere Dateien auf.
Sofort in Ihrem Browser gezählt, die Lesezeit basiert auf 200 Wörtern pro Minute. Nichts wird gespeichert, laden Sie Ihre Datei also herunter, bevor Sie den Tab schließen.
So nutzen Sie das Tool
- Wählen Sie eine Ansicht: Bearbeiten, Geteilt (Quelltext und Vorschau nebeneinander) oder Vorschau. Der Fokusmodus blendet Ablenkungen aus.
- Tippen oder fügen Sie Markdown ein oder nutzen Sie Leiste und Tastenkürzel (Strg+B für Fett, Strg+I für Kursiv, Strg+K für einen Link).
- Aktivieren Sie Zeilenumbrüche als
<br>, wenn jeder Umbruch erhalten bleiben soll, wie bei GitHub-Kommentaren. - Kopieren, laden oder drucken Sie das Ergebnis. Ihr Text bleibt im Browser.
Rechenbeispiel
Eine Zeile mit ## am Anfang wird zu einer Überschrift der Ebene 2, und - [ ] oder - [x] beginnt eine Aufgabenliste. Eine Tabelle braucht eine Kopfzeile, eine Trennzeile aus Strichen und danach die Datenzeilen. Die Lesezeit rechnet mit 200 Wörtern pro Minute und rundet auf: Ein Text mit 600 Wörtern braucht 3 Minuten, einer mit 601 Wörtern 4. Rohes HTML wird nie eingefügt: Tippen Sie <b>hi</b>, erscheinen die Tags als Klartext; Links sind auf http, https, mailto und tel beschränkt. Der Renderer deckt alltägliches CommonMark sowie GitHub-Tabellen, -Aufgabenlisten und Durchstreichen ab, nicht aber Fußnoten, Formeln oder Diagramme.
Methodik
Markdown wurde 2004 von John Gruber als einfache Textkurzform für HTML entwickelt. Dieser Editor setzt die im Schreiballtag genutzten Elemente der CommonMark-Spezifikation um, dazu die Erweiterungen von GitHub Flavored Markdown (GFM) für Tabellen, Aufgabenlisten, Durchstreichen und automatische Links. Es ist ein eigens entwickelter Renderer ohne Abhängigkeiten und keine vollständige Kopie einer der beiden Spezifikationen, daher werden selten genutzte Elemente wie Fußnoten, Formeln und Mermaid-Diagramme nicht dargestellt.
Was Sie tippen, was die Vorschau zeigt
Echte Ausgaben des Renderers dieses Editors für ein paar alltägliche Eingaben.
| Sie tippen | Vorschau zeigt | Hinweis |
|---|---|---|
| ## Title | Überschrift Ebene 2 | h2 |
| - [x] done | Angehakte Checkbox | Kästchen sind in der Vorschau schreibgeschützt |
| ~~old~~ | Durchgestrichen | del |
| line 1⏎line 2 | Ein Absatz ohne Umbruch | Zwei Leerzeichen ans Zeilenende oder die Umbruch-Option aktivieren |
| <b>hi</b> | Wörtlich <b>hi</b> | Rohes HTML wird maskiert, nie ausgeführt |
| [x](javascript:…) | Nur Text „x“, kein Link | Nur http, https, mailto und tel werden verlinkt |
| [x](https://…) | Link, der in neuem Tab öffnet | Mit nofollow markiert |
| Term[^1] / $x^2$ | Unverändert angezeigt | Fußnoten und Formeln werden nicht gerendert |
Lesen Sie die Spalte „Hinweis“ als Grenzen des Editors: Überrascht Sie eine Zeile, liegt es meist an einer davon und nicht an einem Tippfehler. Prüfen Sie alles, was hier als nicht gerendert steht, dort, wo Ihr Text am Ende veröffentlicht wird.
Häufige Fragen
Wird der Text, den ich hier schreibe, irgendwo hochgeladen oder gespeichert? ▼
Der Text wird nicht an einen Server gesendet und nicht gespeichert, auch nicht im lokalen Speicher (die Seite merkt sich nur Ihr Design und Ihre Cookie-Auswahl). Parsen und Rendern passieren in Ihrem Browser, deshalb löscht ein Neuladen oder Schließen des Tabs Ihren Text; nutzen Sie „.md herunterladen“, um ihn zu behalten. Die Seite fragt nach, bevor Sie mit ungesichertem Text gehen. Eine Ausnahme: Verweist Ihr Markdown per Webadresse auf ein Bild, fragt Ihr Browser dieses Bild bei seinem Host an, um es anzuzeigen, und dieser Host sieht Ihre IP-Adresse. Reiner Text und Base64-Bilder lösen keine Anfragen aus.
Warum wird mein rohes HTML, etwa ein div- oder script-Tag, in der Vorschau nicht dargestellt? ▼
Aus Sicherheitsgründen wird in den Editor getipptes HTML als Text angezeigt statt ausgeführt. Auch GitHub filtert rohes HTML stark, darauf zu bauen ist also fragil. Nutzen Sie Markdown-Syntax zur Formatierung oder kopieren Sie das erzeugte HTML und ergänzen Sie eigenes Markup auf Ihrer Website.
Warum beginnt ein einzelner Zeilenumbruch in der Vorschau keine neue Zeile? ▼
In Markdown wird ein einzelner Zeilenumbruch innerhalb eines Absatzes wie ein Leerzeichen behandelt, aufeinanderfolgende Zeilen werden also zu einem Absatz. Lassen Sie eine Leerzeile für einen neuen Absatz, beenden Sie eine Zeile mit zwei Leerzeichen oder einem Backslash für einen Umbruch, oder aktivieren Sie die Option für Zeilenumbrüche über dem Editor.
Wie füge ich mein Markdown formatiert in Word, Google Docs oder eine E-Mail ein? ▼
Nutzen Sie die Schaltfläche „Formatierter Text“ unter „Kopieren“ und fügen Sie den Inhalt dann in Ihr Dokument ein. Überschriften, Fettdruck, Listen und Tabellen kommen als echte Formatierung an statt als Markdown-Zeichen. Nehmen Sie stattdessen die HTML-Schaltfläche, wenn Sie das rohe Markup für eine Website oder ein CMS brauchen.
Wie speichere ich das Ergebnis als PDF? ▼
Klicken Sie auf „Drucken / PDF“ und wählen Sie im Druckdialog Ihres Browsers „Als PDF speichern“ als Ziel. Gedruckt wird nur die gerenderte Vorschau, ohne Leiste und den Rest der Seite, in Schwarz auf Weiß, auch wenn der Dunkelmodus aktiv ist.