Dieses Markdown-Vorschau-Tool rendert dein Markdown beim Tippen nebeneinander zu sauberem HTML, sodass du genau sehen kannst, wie eine README, ein Dokument oder ein Kommentar aussehen wird. Es unterstützt GitHub-Flavored Markdown (GFM), einschließlich Tabellen, eingezäunter Codeblöcke, aufgabenartiger Listen, Blockzitate, Links und Inline-Formatierung. Nutze es als schnellen Markdown-Editor und Markdown-Viewer, um Dokumentation zu entwerfen, die Formatierung vor dem Push in ein Repository zu prüfen oder Markdown zu HTML zu konvertieren und das Ergebnis in ein CMS zu kopieren. Standardmäßig wird ein einzelner Zeilenumbruch zum Umbruch; mit dem Schalter GitHub style wird er zum Leerzeichen, wie in einer README. Script-, iframe- und ähnliche Tags, Event-Attribute und javascript:-Links werden entfernt, ein einfacher Filter und kein vollständiger Sanitizer. Es ist für Entwickler, technische Autoren und QA gedacht, die eine schnelle, präzise GFM-Vorschau brauchen. Alles wird lokal in deinem Browser verarbeitet, sodass dein Entwurf dein Gerät nie verlässt.
Funktionen
Live-Vorschau nebeneinander, die sich beim Tippen aktualisiert
GitHub-Flavored Markdown mit Tabellen, eingezäunten Codeblöcken und Aufgabenlisten
Unterstützt Überschriften, Listen, Blockzitate, Links und Inline-Hervorhebung
Einzelne Zeilenumbrüche werden standardmäßig zu Umbrüchen; GitHub style macht sie zu Leerzeichen, wie in einer README
Entfernt script-, style-, iframe-, object-, embed-, link-, meta- und base-Tags, Event-Attribute und javascript:-Links
Kopiere das gerenderte HTML mit einem Klick in die Zwischenablage
Lade das Ergebnis als sofort einsetzbare .html-Datei herunter
Läuft vollständig in deinem Browser
So verwendest du Markdown-Vorschau
Tippe oder füge dein Markdown in das linke Eingabefeld ein.
Beobachte, wie das gerenderte HTML sofort im Vorschaufenster erscheint.
Klicke auf HTML kopieren, um das gerenderte Markup in deine Zwischenablage zu holen.
Nutze den .html-Button, um die Ausgabe als Datei herunterzuladen, oder Löschen, um neu zu beginnen.
Beispiel
Eingabe
# Title
- **Bold** item
- [Link](https://example.com)
Markdown-Überschriften, Listen und Inline-Formatierung zu HTML gerendert.
Häufige Fehler & Fehlerbehebung
Eine Tabelle wird nicht gerendert und erscheint als reiner Text. — GFM-Tabellen benötigen eine Kopfzeile und eine Trennzeile aus Bindestrichen und Pipes, wie | A | B | gefolgt von | --- | --- |. Stelle sicher, dass jede Zeile passende Pipes hat.
Ein Codeblock überträgt seine Formatierung auf den Rest des Dokuments. — Schließe jeden eingezäunten Block mit einer passenden Dreifach-Backtick-Zeile. Ein nicht geschlossener Zaun führt dazu, dass der Renderer den restlichen Text als Code behandelt.
Einzelne Zeilenumbrüche bleiben nicht wie erwartet erhalten. — Standardmäßig wird ein einzelner Zeilenumbruch zum Umbruch. Schalte GitHub style ein, um ihn wie GitHub in einer README als Leerzeichen zu behandeln, und lasse eine Leerzeile zwischen Blöcken, wenn du getrennte Absätze willst.
Roh-HTML-Tags wie script oder iframe verschwinden aus der Vorschau. — script-, style-, iframe-, object-, embed-, link-, meta- und base-Tags sowie on*-Event-Attribute werden bewusst entfernt. Verwende stattdessen einfaches Markdown oder schlichtes Inline-HTML.
Häufig gestellte Fragen
Was ist das ArrayKit Markdown-Vorschau-Tool?
Es ist eine Live-Markdown-Vorschau, die dein Markdown beim Tippen nebeneinander zu sauberem HTML rendert, sodass du die Formatierung für READMEs, Dokumente und Kommentare vor der Veröffentlichung prüfen kannst.
Unterstützt die Markdown-Vorschau GitHub-Flavored Markdown?
Ja. Die Markdown-Vorschau rendert GFM, sodass Tabellen, eingezäunte Codeblöcke und aufgabenartige Listen alle korrekt im Vorschaufenster angezeigt werden.
Wie kopiere oder lade ich das gerenderte HTML herunter?
Klicke auf HTML kopieren, um das gerenderte Markup in deine Zwischenablage zu senden, oder nutze den .html-Button, um es als sofort einsetzbare Datei herunterzuladen.
Was entfernt die Markdown-Vorschau aus dem HTML?
script-, style-, iframe-, object-, embed-, link-, meta- und base-Tags, on*-Event-Attribute wie onclick und Links, die mit javascript: beginnen. Das ist ein einfacher Filter, kein vollständiger Sanitizer: Stammt das Markdown von jemandem, dem du nicht vertraust, bereinige das HTML vor dem Veröffentlichen mit einem richtigen Sanitizer.
Behält die Markdown-Vorschau einzelne Zeilenumbrüche bei?
Standardmäßig ja: Ein einzelner Zeilenumbruch wird zum Umbruch, wie in Kommentaren und Chats. Mit GitHub style werden einzelne Zeilenumbrüche zu Leerzeichen, so wie GitHub eine README darstellt.
Wird mein Markdown an einen Server gesendet, wenn ich diese Vorschau nutze?
Nein. Dein Markdown wird vollständig in deinem Browser gerendert und verlässt dein Gerät nie.
Verwandte Tools
MDX-Konverter — Rendere MDX als Text, konvertiere HTML → MDX und escape Text zu MDX-Literalen.
HTML-Formatierer — Verschönere oder minimiere HTML, formatiere eingebettetes CSS/JS und zeige eine Vorschau.