Markdown-Viewer/-Editor
Schreibe Markdown auf der einen Seite und sieh daneben eine exakte Live-Vorschau – mit Formatierungsleiste, GFM-Tabellen und Export als .md oder .html, komplett in deinem Browser.
0 Wörter · 0 Zeichen
Eine .md-, .markdown- oder .txt-Datei hierher ziehen
Gliederung (Inhaltsverzeichnis)
Füge Überschriften (# Titel) hinzu, um eine Gliederung zu erstellen.
Hinweis: Bilder von anderen Websites werden durch die Sicherheitsrichtlinie (CSP) dieser Seite blockiert und erscheinen nicht in der Vorschau – nutze stattdessen data:-URIs oder lokale Dateien.
Markdown mit Live-Vorschau schreiben – ohne Server
Markdown ist zum Standardformat für README-Dateien, Dokumentation, Pull-Request-Beschreibungen und Blogbeiträge statischer Websites geworden, weil es als reiner Text lesbar bleibt und sich trotzdem zu sauber formatierter Ausgabe rendern lässt – Überschriften, fett und kursiv, Listen, Links und Codeblöcke –, ganz ohne Rich-Text-Editor. Der Haken: Schon ein kleiner Syntaxfehler (eine fehlende Leerzeile vor einer Liste, eine Tabelle mit unterschiedlicher Spaltenzahl, ein Codeblock, der nie geschlossen wird) kann ganz anders aussehen als beabsichtigt, und im Rohtext erkennst du das meist nicht.
Dieses Tool parst dein Markdown nach denselben GitHub-Flavored-Markdown-Regeln, nach denen deine READMEs und Pull Requests gerendert werden, und zeigt die tatsächliche Ausgabe neben dem Quelltext – beim Tippen aktualisiert. Weil Parsen und Rendern komplett in deinem Browser stattfinden, verlässt alles, was du schreibst – Entwurfsdokumentation, private Notizen, ein noch unveröffentlichter Blogbeitrag –, nie deinen Rechner. Das gerenderte HTML wird zudem vor der Anzeige bereinigt: Markdown mit rohem HTML oder einem verirrten Script-Tag kann in deinem Browser nichts ausführen, es wird als inaktiver Inhalt behandelt, nicht als Code.
Die Formatierungsleiste fügt die passende Syntax für dich ein – fett, kursiv, Überschriften, Links, Bilder, geordnete und ungeordnete Listen, Zitate, Inline- oder Blockcode, Tabellen und Trennlinien –, damit du dir die genaue Markdown-Zeichensetzung für seltenere Elemente wie Tabellenköpfe oder Referenz-Links nicht merken musst. Wechsle je nach Platzbedarf zwischen geteilter Ansicht, nur Editor und nur Vorschau; in der geteilten Ansicht scrollen beide Bereiche gemeinsam, sodass du nie den Überblick verlierst, welcher Teil des Quelltexts zu welchem Teil des Ergebnisses gehört.
Bist du fertig, kopiere das rohe Markdown oder das gerenderte HTML in die Zwischenablage oder lade eines von beiden als fertige `.md`- oder `.html`-Datei herunter. Willst du zwei Versionen eines Dokuments vergleichen, statt nur eine anzusehen, markiert der Text-Diff-Vergleich genau, was sich geändert hat; um Wörter zu zählen und die Lesezeit des fertigen Textes zu schätzen, ist der Wort- & Zeichenzähler die nächste Anlaufstelle.
Häufig gestellte Fragen
Sehe ich eine Live-Vorschau, während ich tippe?
Ja – eine geteilte Ansicht rendert GitHub-Flavored Markdown (Tabellen, Aufgabenlisten, Durchgestrichenes) live beim Tippen, mit synchronisiertem Scrollen.
Geht meine Arbeit verloren, wenn ich den Tab versehentlich schließe?
Nein – dein Entwurf wird automatisch im lokalen Speicher deines Browsers gesichert und beim nächsten Öffnen des Tools wiederhergestellt.
Kann ich das Ergebnis auch als HTML exportieren, nicht nur als Markdown?
Ja – lade entweder die rohe .md-Datei oder eine eigenständige .html-Datei mit dem gerenderten Inhalt herunter.
Werden Bilder von anderen Websites in der Vorschau angezeigt?
Nein – die Content Security Policy dieser Seite blockiert Bilder von anderen Domains, um deine Privatsphäre zu schützen. Externe Bilder erscheinen daher nicht in der Live-Vorschau. Nutze eine data:-URI oder binde das Bild anders ein; das exportierte Markdown enthält weiterhin den ursprünglichen Link.