Markdown-Vorschau
Läuft komplett in deinem Browser. Deine Dateien und Daten verlassen dein Gerät nie.
Markdown preview
A live preview with support for emphasis, lists, tables, and code.
- First item
- Second item
- Third item
| Feature | Supported |
|---|---|
| Tables | Yes |
| Code fences | Yes |
console.log("Hello, Markdown!");
Über dieses Tool
Markdown links eingeben oder einfügen, rechts erscheint das gerenderte HTML, aktualisiert während du tippst. Überschriften, Fett- und Kursivschrift, Listen, Tabellen, Zitate und Codeblöcke werden sofort dargestellt, samt GitHub-Flavored-Markdown-Erweiterungen wie Tabellen und durchgestrichenem Text.
Wie funktioniert die Live-Vorschau?
Das Parsing läuft über die Bibliothek marked mit aktiviertem GFM-Support, demselben Parser, der auch hinter dem Markdown-zu-HTML-Konverter dieser Seite steckt. Jeder Tastendruck parst die gesamte Eingabe neu und rendert die Vorschau neu, es gibt also keinen separaten “Rendern”-Schritt oder Button und keine Verzögerung zwischen dem Tippen einer Überschrift und ihrem Erscheinen rechts. Bevor das HTML in die Seite eingebunden wird, bereinigt es DOMPurify, eine Bibliothek, die speziell dafür gebaut ist, gefährliches Markup aus nicht vertrauenswürdigem HTML zu entfernen. Dadurch kann eingefügter Inhalt kein Script-Tag oder einen onerror-Handler über die Vorschau ausführen, was wichtig ist, weil Markdown erlaubt, rohes HTML direkt einzubetten, und dieses HTML sonst unverändert gerendert würde.
Wird etwas von dem, was ich tippe, an einen Server gesendet?
Nein. Parsing, Rendering und Bereinigung laufen komplett im Browser mit JavaScript, das in die Seite eingebettet ist. Kein eingegebener Text verlässt dein Gerät, was bei unveröffentlichten Entwürfen, Notizen mit privatem Inhalt oder einem Dokument zählt, das du noch nirgendwo speichern willst. Weil nichts an einen Server geht, gibt es hinterher auch keine Historie zu löschen. Den Tab zu schließen reicht.
Wofür ist das Tool nützlich?
Nutze es, um zu prüfen, wie eine README vor dem Commit aussieht, einen Kommentar oder Issue-Text vor dem Posten auf GitHub oder GitLab zu kontrollieren, oder die Ausrichtung einer Tabellenspalte zu checken, ohne sie auf eine Plattform hochzuladen, die Markdown selbst rendert. Es eignet sich auch, um schnell zu prüfen, ob ein Block rohes HTML in einer Markdown-Datei, etwa ein eingebettetes <iframe> oder ein gestyltes <div>, so aussieht wie erwartet, oder ob eine verschachtelte Liste korrekt eingerückt ist, bevor sie irgendwo öffentlich landet.
Die Grundsyntax steht in der CommonMark-Spezifikation, die Erweiterungen für Tabellen und Durchstreichung in GitHubs GFM-Spezifikation, und mehr zur Bereinigung im DOMPurify-Projekt.