1
Eingeben oder Datei öffnen
Schreibe, füge ein oder lies eine lokale Markdown- oder Textdatei. Formatierungskürzel setzen gängige Syntax um die aktuelle Auswahl.
TEXT.04 MARKDOWN PREVIEW
Markdown-Vorschau-Editor
Formatierungskürzel stehen neben dem Quelltexteditor; Vorschau, HTML und Klartext teilen sich das Ergebnisfeld und folgen der gewählten Ausgabe.
Quelltext
Live-Ergebnis
§ 01
Vom Markdown-Quelltext zum brauchbaren Ergebnis in zwei Bereichen
2
Ergebnistyp wählen
Die Vorschau prüft das Layout, HTML eignet sich für CMS und Webseiten, Klartext extrahiert lesbaren Inhalt. Alles basiert auf einem sicheren Rendering.
3
Kopieren oder herunterladen
Die Aktionen rechts folgen dem aktiven Tab: Die Vorschau lädt ein vollständiges HTML-Dokument, HTML ein Fragment und Klartext reinen Text herunter.
§ 02
Die Live-Vorschau findet Strukturprobleme vor der Veröffentlichung
Markdown-Quelltext ist lesbar, aber Tabellenausrichtung, verschachtelte Listen, Codeblöcke und Links lassen sich nach dem Rendering leichter prüfen. Die geteilte Vorschau hält Änderung und Ergebnis im selben Blickfeld.
Diese Seite aktiviert GitHub Flavored Markdown mit Tabellen, Aufgabenlisten, Durchstreichungen und automatischen Links. Rohes HTML wird durch DOMPurify bereinigt, sodass Skripte, gefährliche Attribute und unsichere Protokolle nicht in die Vorschau gelangen.
§ 03
Häufige Markdown-Syntax
Zweck
Syntax
Ergebnis
Überschrift
# ÜberschriftEbene eins; weitere Rauten senken die Ebene
Hervorhebung
**fett** und *kursiv*Hervorgehobene Wörter
Link
[Text](Adresse)Anklickbarer Link
Zitat
> zitierter InhaltZitatblock
Code
Drei Backticks um den InhaltCodeblock mit erhaltener Formatierung
Aufgabe
- [ ] offenGFM-Aufgabenliste
Tabelle
Senkrechte Striche zwischen SpaltenGFM-Tabelle
§ 04
Markdown-Parsing und HTML-Sicherheit sind getrennte Aufgaben
Ein Markdown-Parser wandelt Syntax in HTML um, macht beliebige Eingaben aber nicht automatisch sicher. Diese Seite verwendet vor dem Einfügen in das DOM einen eigenen Sanitizer.
Editorinhalte liegen nur im Speicher der aktuellen Seite. Es gibt keine automatische Speicherung und keinen Verlauf; beim Aktualisieren wird das Beispiel wiederhergestellt. Lade Markdown herunter oder kopiere ein Ergebnis, wenn du es behalten möchtest.
§ 05
Häufige Fragen
Q1Welche Markdown-Syntax wird unterstützt?
Übliches Markdown sowie GFM-Tabellen, Aufgabenlisten, Durchstreichungen, automatische Links, umzäunte Codeblöcke und ein bereinigter Teil von rohem HTML.
Q2Warum wird gerendertes HTML bereinigt?
Markdown kann rohes HTML enthalten. DOMPurify entfernt Skripte, Ereignisattribute und gefährliche URLs, damit kein nicht vertrauenswürdiger Code in der Vorschau läuft.
Q3Wird der Inhalt automatisch gespeichert?
Nein. Die Seite verwendet weder LocalStorage noch einen Verlauf. Aktualisieren stellt das Beispiel wieder her; kopiere oder lade Inhalte herunter, die du behalten willst.
Q4Wie unterscheiden sich Vorschau, HTML und Klartext?
Die Vorschau zeigt das fertige Layout, HTML das bereinigte Markup-Fragment und Klartext die lesbaren Wörter aus diesem Ergebnis.
Q5Kann ich eine lokale Markdown-Datei öffnen?
Ja. FileReader liest sie lokal ohne Upload; du kannst sie auch in den Quelltexteditor ziehen.