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.
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.
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.
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 EditorWeitere Konvertierungen
Markdown → HTML
Markdown zu HTML ist die häufigste Konvertierung. Unser Editor zeigt die HTML-Vorschau live und exportiert das Ergebnis als Standalone-HTML-Datei mit Inline-CSS.
Markdown → Docx (Microsoft Word)
Docx-Konvertierung ist komplexer als HTML oder PDF. Browser-only haben wir Limits, deshalb empfehlen wir entweder unseren HTML-Export plus Word-Import, oder den professionellen Pandoc-Workflow.
Markdown → PDF
PDF aus Markdown ist die zweithäufigste Konvertierung. Unser Tool nutzt html2pdf.js — laed das Modul lazy beim Klick, erzeugt A4-PDF mit eingebettetem CSS.