Markdown-Editor mit Vorschau
Schreibe Markdown und sieh dir eine live gerenderte, bereinigte HTML-Vorschau an.
Über die Markdown-Vorschau
Die Markdown-Vorschau wandelt GitHub-Flavored Markdown während der Eingabe in HTML um, wobei jede Ausgabe vor der Anzeige durch DOMPurify läuft. Schreibe Dokumentation, README-Dateien oder Notizen und sieh genau, wie sie aussehen werden — vollständig in deinem Browser.
Funktionen:
- Live-Vorschau mit 300-ms-Verzögerung, angetrieben von marked mit aktiviertem GFM
- Jede Ausgabe wird vor der Anzeige mit DOMPurify bereinigt
- Links in der Vorschau öffnen automatisch sicher in einem neuen Tab
- Rohen bereinigten HTML-Quelltext ansehen und exportieren, inklusive Kopieren und Herunterladen
So verwendest du die Markdown-Vorschau
- Gib Markdown in den Editor ein oder füge es ein
- Beobachte, wie sich die bereinigte Vorschau automatisch aktualisiert
- Wechsle zum Tab HTML-Quelltext, um das rohe Markup zu sehen
- Kopiere das HTML oder lade es als .html-Datei herunter
Häufig gestellte Fragen
Welche Markdown-Syntax wird unterstützt?
Dieses Tool verwendet GitHub Flavored Markdown (GFM) über die Bibliothek marked und unterstützt daher Überschriften, Listen, Tabellen, Aufgabenlisten, Code-Blöcke, Links, Bilder und Inline-Formatierungen wie Fett- und Kursivschrift.
Entspricht die Vorschau genau der Darstellung auf GitHub?
Sie ist eine nahe Annäherung, keine pixelgenaue Übereinstimmung. Beide verwenden GFM-Regeln für Tabellen, Aufgabenlisten und Durchstreichungen, aber GitHub wendet eigenes CSS und ein paar plattformspezifische Anpassungen an (wie @-Erwähnungen oder Issue-Links), die dieses Tool nicht nachbildet.
Aktualisiert sich die Vorschau automatisch?
Ja. Die Vorschau wird etwa 300 Millisekunden nach dem Aufhören zu tippen neu gerendert, damit sie reaktionsschnell bleibt, ohne bei jedem Tastendruck neu zu berechnen.
Ist es sicher, nicht vertrauenswürdiges Markdown hier einzufügen?
Ja — jedes von marked erzeugte HTML wird vor dem Rendern durch DOMPurify.sanitize() geleitet, wodurch Skripte, Event-Handler und anderes gefährliches Markup entfernt werden. Links werden außerdem gezwungen, mit rel="noopener noreferrer" zu öffnen, damit eingefügter Inhalt deinen Tab nicht kapern kann.
Kann ich statt der Vorschau das rohe HTML erhalten?
Ja. Wechsle zum Tab HTML-Quelltext, um das bereinigte Markup als Text zu sehen, und kopiere oder lade es dann als eigenständige .html-Datei herunter.
Sendet dieses Tool mein Dokument irgendwohin?
Nein. Markdown-Parsing und -Bereinigung laufen beide lokal in deinem Browser über JavaScript-Bibliotheken, die mit der Seite geladen werden — dein Dokument wird niemals hochgeladen.
Datenschutz
Dein Markdown wird vollständig in deinem Browser gerendert. Nichts, was du eingibst, wird hochgeladen oder auf einem Server gespeichert.