Markdown-Editor
Geplant

HTML zu Markdown konvertieren

Die Reverse-Konvertierung HTML zu Markdown ist häufig gefragt — bei Website-Migration, Blog-Backups, Doku-Konvertierung. Wir haben das im Tool noch nicht nativ, aber der Workflow mit turndown.js oder Pandoc ist etabliert.

Wann HTML zu Markdown gebraucht wird

Wer von WordPress zu einem Static-Site-Generator wechselt, hat HTML-Posts die zu Markdown sollen. Wer Doku-Sites von Confluence zu GitHub-Wiki migriert, braucht dasselbe.

Manche Blogger-Plattformen erlauben HTML-Export aber kein Markdown — der Reverse-Schritt macht den Inhalt wieder editierbar in Markdown-Editoren wie unserem.

Anzeige

turndown.js als JavaScript-Standard

turndown ist das wichtigste JavaScript-Tool für die HTML-Markdown-Konvertierung. Open-Source, ~20 KB, deckt CommonMark + GFM-Erweiterungen.

Wir planen turndown-Integration im Editor: HTML in eine zweite Textarea einfügen, Konvertierung in Markdown-Ausgabe. Dann kannst du das Ergebnis direkt im Editor weiterbearbeiten.

Anzeige

Pandoc als Fallback

Pandoc-CLI: `pandoc input.html -f html -t gfm -o output.md`. Sehr akkurate Konvertierung, deckt mehr Edge-Cases als turndown.

Vorteil: pixel-genau bei komplexen Layouts. Nachteil: lokale Installation, kein Browser-Workflow.

Anzeige

Bleibt erhalten

  • Headings (h1-h6)
  • Listen (ul, ol)
  • Fett (b, strong) und Kursiv (i, em)
  • Links (a)
  • Bilder (img)
  • Tabellen (mit turndown-table-Plugin)
  • Code-Blöcke (pre code)

Geht verloren

  • CSS-Styling
  • JavaScript-Verhalten
  • Komplexe Embeds (iframes, video)
  • CSS-Klassen (turndown kann sie als HTML-Attribute behalten, dann ist es kein reines Markdown mehr)

Häufige Fragen

Wann kommt der Editor-eigene HTML-zu-Markdown-Modus?

Geplant für Sprint 4/5. Bis dahin: Pandoc-CLI oder Online-Tools wie turndown.now.sh nutzen.

Welcher Markdown-Dialekt ist Ziel?

GFM (GitHub-Flavored) ist Default, weil maximaler Funktionsumfang. Pandoc-CLI erlaubt auch CommonMark oder Pandoc-Markdown als Ziel.

Funktioniert das mit kompletten Webseiten?

Bei Content-fokussierten Seiten (Blog-Posts, Doku) ja. Bei komplexen App-Layouts mit viel CSS/JS gehen Strukturen verloren.

Im Editor ausprobieren

Schreibe Markdown im Editor, exportiere zu HTML/PDF und nutze den oben beschriebenen Workflow weiter.

Zum Editor

Weitere Konvertierungen

Anzeige
Anzeige
Anzeige
Anzeige