HTML zu Markdown

HTML zu Markdown in drei Schritten: HTML links einfügen, auf HTML -> Markdown klicken, sauberes Markdown rechts kopieren. Der Konverter behält die Struktur des Inhalts (Überschriften, Absätze, Links, Listen, Code, Zitate, Bilder) und verwirft alles, was nur Darstellung ist: Klassen, Inline-Styles, Skripte und verschachtelte div-Container. Das Parsen übernimmt scraper, ein Rust-HTML-Parser auf Basis von html5ever (dem HTML-Parser des Servo-Projekts), kompiliert zu WebAssembly. Ihr Markup wird also im Browser-Tab umgewandelt und nie hochgeladen. Der Leitfaden HTML zu Markdown erklärt ausführlicher, wann Markdown das richtige Zielformat ist.

Was beim Umwandeln von HTML zu Markdown passiert

• Überschriften <h1> bis <h6> werden zu # bis ######.
• Absätze werden durch eine Leerzeile getrennt.
• Fett und kursiv: <strong> und <b> ergeben **Text**, <em> und <i> ergeben *Text*.
• Links werden zu [Text](URL), die URL wird exakt übernommen, relativ oder absolut. Ein Link ohne Text wird zu <URL>.
• Bilder werden zu ![alt](src).
• Listen: <ul> erhält -, <ol> wird ab 1 nummeriert, verschachtelte Listen werden pro Ebene um zwei Leerzeichen eingerückt.
• Code: Inline-<code> wird zu Backticks, <pre>-Blöcke werden zu umzäunten Codeblöcken.
• Zitate erhalten > am Zeilenanfang, Trennlinien werden zu ---.
• Entfernt: <script> und <style> samt Inhalt sowie alle Attribute außer href, src und alt.
• Entitäten wie & und   werden in echte Zeichen dekodiert, Umlaute bleiben also lesbar.

So wandeln Sie HTML in Markdown um

1. Kopieren Sie das HTML. Im Browser: Rechtsklick auf den Artikel, „Untersuchen“ wählen und das äußere HTML des Elements kopieren, das den Inhalt enthält. Im CMS: den Code- oder HTML-Modus des Editors öffnen.
2. Fügen Sie es in das HTML-Feld ein.
3. Klicken Sie auf HTML -> Markdown.
4. Kopieren Sie das Ergebnis und fügen Sie es in Ihre .md-Datei, Ihr Wiki, Ihr Ticket oder Ihren Prompt ein.

Am saubersten wird das Ergebnis, wenn Sie nur den Inhaltsbereich (Artikel oder Hauptbereich) einfügen statt einer ganzen Seite. Bei einem vollständigen Dokument landet auch der Text aus <title> und Navigationsmenüs als Fließtext in der Ausgabe.

Grenzen, die Sie kennen sollten

• Tabellen werden nicht zu Markdown-Tabellen. Der Zelltext bleibt erhalten, wird aber ohne Trenner aneinandergereiht. Bauen Sie Tabellen von Hand nach, oder lassen Sie sie als HTML im Markdown stehen, was die meisten Renderer akzeptieren.
• Die Sprache von Codeblöcken geht verloren. Eine Klasse wie language-js wird nicht übernommen; ergänzen Sie die Sprache hinter den öffnenden Backticks.
• Durchgestrichen, unterstrichen, markiert (<s>, <u>, <mark>): Der Text bleibt, die Formatierung nicht.
• Zeilenumbrüche mit <br> innerhalb eines Absatzes werden zu einem Leerzeichen.
• Formulare, iframes, Videos und Einbettungen haben kein Markdown-Gegenstück; nur ihr eventueller Text bleibt übrig.

Typische Einsätze

• Seiten aus WordPress, TYPO3 oder einem anderen CMS in einen Static-Site-Generator wie Hugo, Astro, Jekyll oder Docusaurus migrieren.
• Dokumentation in ein Git-Repository holen, wo Markdown in Pull Requests saubere Diffs liefert.
• Eine E-Mail-Vorlage oder einen Rich-Text-Export bereinigen, bevor er in GitHub, GitLab, Notion oder Obsidian landet.
• Webinhalte für einen KI-Assistenten aufbereiten: Markdown behält die Struktur mit deutlich weniger Zeichen als HTML, es passt also mehr Inhalt ins Kontextfenster.

Im Vergleich zu Pandoc und Bibliotheken

Pandoc (pandoc -f html -t gfm) ist das Referenzwerkzeug für Dokumentkonvertierung und beherrscht auch Tabellen und viele weitere Konstrukte. Turndown in JavaScript oder markdownify in Python sind die übliche Wahl innerhalb einer Anwendung. Diese Seite passt für den schnellen Einzelfall, wenn eine Installation übertrieben wäre, mit derselben Garantie wie ein lokales Tool: Das HTML wird nirgendwohin gesendet.

Datenschutz: Unveröffentlichtes bleibt bei Ihnen

Das HTML, das man umwandelt, ist oft noch nicht öffentlich: Artikelentwürfe, interne Wiki-Seiten, Intranet-Dokumentation, Kunden-E-Mails. Bei einem Dienst, der Eingaben serverseitig verarbeitet, teilen Sie diese Inhalte mit einem Dritten, und bei personenbezogenen Daten verlangt die DSGVO dafür eine Grundlage. Hier läuft die Umwandlung per WebAssembly in Ihrem Browser, keine Anfrage transportiert Ihr Markup, keine Daten überschreiten eine Netzwerkgrenze.

Häufige Fragen

Wird mein HTML an einen Server gesendet?

Nein. Die Umwandlung läuft vollständig in Ihrem Browser. Nach dem Laden der Seite können Sie sogar die Internetverbindung trennen, das Tool arbeitet weiter.

Werden HTML-Tabellen umgewandelt?

Nein. Der Zelltext bleibt erhalten, wird aber nicht als Markdown-Tabelle gesetzt. Für tabellenreiche Seiten nutzen Sie Pandoc oder lassen die Tabellen als HTML im Markdown stehen.

Bleiben relative Links erhalten?

Ja. Das href wird unverändert übernommen, /docs/einrichtung bleibt /docs/einrichtung. Prüfen Sie, ob diese Pfade auf der Zielseite existieren.

Welchen Markdown-Stil erzeugt das Tool?

ATX-Überschriften (#), - als Aufzählungszeichen, ** für fett, * für kursiv und umzäunte Codeblöcke. Diesen Stil lesen CommonMark- und GitHub-Flavored-Markdown-Renderer.

Kann ich eine ganze Webseite einfügen?

Ja, aber Titel, Menüs und Footer-Text kommen mit. Nur das Artikel-Element einzufügen ergibt saubereres Markdown.

Geht es auch umgekehrt, von Markdown zu HTML?

Ja, mit der Markdown-Vorschau mit HTML-Export oder dem Markdown-zu-HTML-Konverter.