Markdown ↔ HTML-Konverter
Markdown mit Live-Vorschau zu HTML rendern oder HTML zurück in Markdown wandeln
Über dieses Tool
Schreibe oder füge Markdown ein und sieh gerenderte Vorschau und erzeugtes HTML nebeneinander — inklusive Überschriften, GFM-Tabellen, Task-Listen-Aufzählungen, Fenced-Code-Blöcken und Durchgestrichenem. Die Gegenrichtung konvertiert bestehendes HTML in sauberes Markdown mit ATX-Überschriften, Bindestrich-Listen und Fenced Code — der schnellste Weg, alte CMS-Inhalte in ein Docs-Repo zu migrieren.
Die Vorschau wird vor dem Rendern bereinigt: Skripte, iframes und Event-Handler-Attribute werden entfernt — ein geteilter Link mit feindseligem Markup kann in deinem Browser also nichts ausführen. Die HTML-Ausgabebox zeigt immer die rohe Konvertierung zum Kopieren in Templates oder E-Mails.
Konvertierung und Vorschau laufen lokal. Entwürfe von Release Notes mit unangekündigten Feature-Namen bleiben auf deinem Rechner.
Häufige Fragen
- Welcher Markdown-Dialekt ist das?
- CommonMark plus die GitHub-Erweiterungen, die tatsächlich genutzt werden: Tabellen, Durchstreichen und automatisch verlinkte URLs. Weiche Zeilenumbrüche bleiben weich — ein einzelner Zeilenumbruch wird nicht zu <br>, passend zu GitHubs Rendering von Dokumenten.
- Warum unterscheidet sich die Vorschau vom rohen HTML-Output?
- Die Vorschau durchläuft vor dem Rendern einen Sanitizer, der Script-Tags, Inline-Event-Handler und javascript:-URLs entfernt. Die Ausgabebox umgeht die Bereinigung, weil sie Text ist, kein gerendertes Markup — bereinige nachgelagert, wenn du nutzergeliefertes HTML einbettest.
- Wie originalgetreu ist HTML → Markdown?
- Strukturelemente — Überschriften, Listen, Links, Hervorhebungen, Code, Blockquotes, Bilder — konvertieren sauber. HTML ohne Markdown-Äquivalent (verschachtelte Tabellen, divs mit Klassen, Inline-Styles) wird als rohes HTML durchgereicht oder verliert sein Styling — ein kurzes Gegenlesen danach lohnt sich.
- Kann ich das erzeugte HTML in einer E-Mail verwenden?
- Ja — die Ausgabe ist schlichtes semantisches HTML ohne Klassen und externe Stylesheets, genau das, was E-Mail-Clients am besten vertragen. Benötigtes Styling ergänzt du inline obendrauf.