Markdown ⇄ HTML

Markdown in HTML und HTML in Markdown umwandeln, mit Live-Vorschau, GitHub-Tabellen, mathematischen Formeln und Code-Hervorhebung — direkt im Browser.

Über Markdown ⇄ HTML

Was es ist

Dieses Tool wandelt zwischen Markdown und HTML und erkennt die Richtung selbst: Füge Markdown ein und du bekommst HTML, füge HTML ein und du bekommst Markdown. Es unterstützt GitHub-Flavored Markdown mit Tabellen und Aufgabenlisten, KaTeX-Formeln, Code-Hervorhebung und YAML-Front-Matter und zeigt das Ergebnis als Rohcode oder als gerenderte Vorschau im hellen oder dunklen Design. Der Code lässt sich als reines HTML, als HTML für Tailwind Typography, als React-Komponente oder das Front Matter als JSON exportieren.

Hauptfunktionen

  • Markdown → HTML und HTML → Markdown, die Richtung wird automatisch erkannt.
  • GitHub-Flavored Markdown: Tabellen, Aufgabenlisten, Durchstreichen, Autolinks.
  • KaTeX-Formeln, Code-Hervorhebung und YAML-Front-Matter.
  • Rohcode oder gerenderte Vorschau im hellen oder dunklen Design.
  • Export als HTML, Tailwind Typography, React-Komponente oder Front-Matter-JSON.

So funktioniert es

  1. Füge Markdown oder HTML ein, zieh eine Datei herein oder klick auf „Beispiel einfügen“.
  2. Schalte GFM, Formeln und „Sicheres HTML“ nach Bedarf ein oder aus.
  3. Sieh dir den Rohcode oder die visuelle Vorschau an.
  4. Wähle ein Format unter „Code exportieren“, dann kopieren, herunterladen oder weiterschicken.

Wann es hilft

  • Ein README oder Notizen in HTML für eine Website oder eine E-Mail umwandeln.
  • Eine alte HTML-Seite in einen Markdown-Blog oder ein Wiki übernehmen.
  • Prüfen, wie ein Dokument mit Formeln und Tabellen dargestellt wird.

Datenschutz und Grenzen

Deine Daten

Dein Text wird im Browser umgewandelt und nicht an einen Server gesendet — die Website erhält nur ein anonymes Ereignis „Tool geöffnet“, ohne Inhalt. Einzige Ausnahme sind Bilder: Im Text verlinkte Bilder werden für die Vorschau von ihren Adressen geladen. Ein Ergebnis, das du an ein anderes Tool schickst, bleibt 24 Stunden auf diesem Gerät unter „Letzte Aktivität“.

Grenzen

  • HTML → Markdown behält die Struktur, nicht das Styling: Klassen, Inline-Stile und komplexe Layouts entfallen.
  • Formeln brauchen KaTeX-Syntax zwischen Dollarzeichen; andere LaTeX-Umgebungen werden nicht unterstützt.

Häufige Fragen

Woher weiß es, in welche Richtung es umwandeln soll?

Es prüft, womit die Eingabe beginnt: Text, der mit einem HTML-Tag oder einem Doctype anfängt, gilt als HTML und wird zu Markdown, alles andere gilt als Markdown und wird zu HTML. Der erkannte Typ steht über dem Editor.

Was macht „Sicheres HTML“?

Es entfernt Skripte, Event-Handler und javascript:-Links aus dem erzeugten HTML. Die Vorschau wird immer so bereinigt; schaltest du die Option aus, bleibt nur im exportierten Code das rohe HTML erhalten.

Warum lädt die Vorschau Bilder?

Um sie anzuzeigen, holt der Browser jedes verlinkte Bild von seiner Adresse, wie jede Webseite. Der Text selbst wird nirgendwohin gesendet; lass Bilder weg, wenn deren Server die Anfrage nicht sehen sollen.