HTML-zu-Markdown-Konverter

Der HTML-zu-Markdown-Konverter ist ein kostenloses Online-Tool, das HTML in sauberes Markdown umwandelt. Es unterstützt Überschriften, Listen, Tabellen, Codeblöcke, Links und Bilder mit konfigurierbaren Stilen für Aufzählungszeichen, Überschriften, Links und Code. Es läuft vollständig in deinem Browser, ohne Installation oder Anmeldung.

Es analysiert das HTML mit dem DOMParser des Browsers und durchläuft den Knotenbaum, um Markdown zu erzeugen, einschließlich Überschriften, Listen, Codeblöcken, Tabellen, Links und Bildern. Es läuft clientseitig.

CommonMark plus die GFM-Erweiterungen für Tabellen und Durchstreichungen. Wähle ATX- oder Setext-Überschriften, abgegrenzte oder eingerückte Codeblöcke und Inline- oder Referenzlinks.

Nein. Die Konvertierung erfolgt vollständig in deinem Browser über DOMParser. Es wird nichts an einen Server gesendet.

Ja, der HTML-zu-Markdown-Konverter ist zu 100% kostenlos, ohne Registrierung, ohne versteckte Gebühren und ohne Nutzungslimits. Die gesamte Verarbeitung erfolgt lokal in deinem Browser und gewährleistet vollständige Privatsphäre.

Absolut. Der HTML-zu-Markdown-Konverter verarbeitet alles clientseitig in deinem Browser. Es werden keine Daten auf einen Server hochgeladen oder dort gespeichert. Deine Inhalte bleiben jederzeit privat auf deinem Gerät.

Ja, der HTML-zu-Markdown-Konverter ist vollständig responsiv und funktioniert auf Smartphones und Tablets. Du kannst ihn auf jedem Gerät mit einem modernen Webbrowser nutzen, ohne App-Download.

Es ist kein Konto und keine Registrierung erforderlich. Öffne einfach den HTML-zu-Markdown-Konverter in deinem Browser und beginne sofort mit der Nutzung. Es gibt keine Anmeldeschranken oder Nutzungsbeschränkungen.

Ja, der HTML-zu-Markdown-Konverter verarbeitet Texte beliebiger Länge schnell und in Echtzeit. Da alles in deinem Browser läuft, hängt die Leistung von deinem Gerät ab, funktioniert aber für die meisten Anwendungsfälle gut.

Gib einfach deinen Text in das vorgesehene Feld ein, passe die Einstellungen nach Wunsch an, und das Tool verarbeitet ihn sofort. Anschließend kannst du das Ergebnis in die Zwischenablage kopieren oder herunterladen.

Inline-Links setzen die URL direkt neben den Text, etwa [Toolbox](https://getthetoolbox.com), was bei einem einzelnen Link schnell zu lesen ist, aber lange Absätze mit vielen Verweisen unübersichtlich macht. Referenz-Links trennen die Beschriftung von der Adresse: Der Text zeigt [Toolbox][1], und die eigentliche URL steht in einer nummerierten Liste am Ende des Dokuments, etwa [1]: https://getthetoolbox.com. Der sichtbare Fließtext bleibt sauber und leicht überfliegbar, und du kannst eine Definition für mehrfach verwendete Links wiederverwenden. Keiner der beiden Stile verändert, wie die gerenderte Seite aussieht — sie wirken sich nur auf den rohen Quelltext aus. Dieser Konverter lässt dich unter der Option Linkstil zwischen beiden wählen, und wenn du Referenz auswählst, sammelt er automatisch jeden Anker in einer nummerierten Fußliste, sodass du die Indizes nicht von Hand verwalten musst.

Markdown behandelt Zeichen wie *, _, #, [, ] und Backticks als Formatierungssyntax. Wenn dein HTML-Text sie also wörtlich enthält, müssen sie mit einem Backslash escaped werden, damit der Renderer sie nicht falsch interpretiert. Ein Satz, der beispielsweise eine Datei namens report_2024 erwähnt, würde sonst in kursiven Text verwandelt, weil Unterstriche Kursivschrift auslösen. Der Konverter escaped diese Sonderzeichen im normalen Text, sodass die Ausgabe genau so gerendert wird, wie die Originalseite zu lesen war — ohne versehentliche Fett- oder Kursivschrift und ohne kaputte Links. Innerhalb umzäunter Codeblöcke bleiben die Zeichen unangetastet, da Code wortgetreu erscheinen soll. Falls ein einzelner Backslash in deinem Fall unnötig wirkt, schützt er lediglich ein Zeichen, das sonst als Markup interpretiert würde. Füge dein HTML ein, und das Escaping wird automatisch angewendet, während du tippst.

Trifft das Tool auf einen <pre><code>-Block, umschließt es den Inhalt standardmäßig mit einem umzäunten Codeblock — mit dreifachen Backticks oberhalb und unterhalb, damit der Code über Zeilenumbrüche hinweg intakt bleibt. Trägt das ursprüngliche <code>-Element eine CSS-Klasse wie language-javascript oder language-python, liest der Konverter diesen Namen aus und hängt ihn an den öffnenden Zaun an, sodass ```javascript entsteht. Dieser Sprachhinweis ist genau das, was GitHub, GitLab und die meisten Static-Site-Generatoren für Syntax-Highlighting nutzen. Inline-<code>-Spans dagegen werden in einzelne Backticks eingeschlossen. Wenn dein Ziel-Renderer eine ältere CommonMark-Engine ist, die Einrückung bevorzugt, stelle die Option Codeblock-Stil auf eingerückt um, wodurch jede Zeile mit vier Leerzeichen statt mit Zäunen beginnt. Füge dein HTML ein, um deinen Code sauber umzäunt und mit Sprachangabe versehen zu sehen.

Ja. Der Konverter erkennt <table>-Elemente und baut sie als GitHub-Flavored-Markdown-Pipe-Tabellen wieder auf, bei denen Spalten durch das Zeichen | getrennt sind und eine Zeile aus Bindestrichen die Grenze zwischen Kopf- und Datenzeilen markiert. Die erste <tr>, oder alle Zellen innerhalb von <thead>, wird zur Kopfzeile, und die restlichen Zeilen füllen sich darunter auf. Das funktioniert gut für einfache Datentabellen, was auf die überwiegende Mehrheit der Tabellen zutrifft, die man von Webseiten kopiert. Beachte, dass Markdown-Tabellen bewusst einfach gehalten sind, sodass fortgeschrittene HTML-Funktionen wie verbundene Zellen (colspan oder rowspan) und verschachtelte Block-Elemente innerhalb einer Zelle keine direkte Entsprechung haben und möglicherweise nicht sauber übernommen werden. Bei sauber strukturierten Tabellen ist das Ergebnis bereit, in eine README oder ein Wiki eingefügt zu werden. Füge dein Tabellen-HTML ein, um es auszuprobieren.

Das hängt vollständig davon ab, wie tag-lastig deine Quelle ist, aber Markdown ist fast immer deutlich kleiner, weil es die spitzen Klammern, Inline-Styles, Klassen-Attribute und das Tracking-Markup weglässt, die sich in Web-HTML ansammeln. Eine Überschrift, geschrieben als <h2 class="title">Hallo</h2>, wird zu schlichtem ## Hallo zusammengefasst, und ein gestylter Absatz verliert alle seine umschließenden Attribute, während die Wörter erhalten bleiben. Seiten, die aus WYSIWYG-Editoren exportiert oder von Live-Websites gescraped wurden, schrumpfen tendenziell am stärksten, da sie den größten Formatierungs-Overhead mitbringen. Statt ein festes Verhältnis zu versprechen, misst dieses Tool es für dich: Es zeigt die Byte-Größe und die Zeilenanzahl sowohl des HTML-Inputs als auch des Markdown-Outputs an, sodass du die genaue Reduktion für deinen konkreten Inhalt siehst. Füge dein HTML ein und vergleiche die beiden Werte nebeneinander.