HTML-zu-Markdown-Konverter
Wandeln Sie HTML in sauberes, portables Markdown um. Fügen Sie HTML ein oder laden Sie es hoch, wählen Sie Überschriftenstil, Aufzählungszeichen und Hervorhebungsstil, und kopieren oder laden Sie das Ergebnis herunter – alles direkt im Browser.
100% Client-seitige Verarbeitung
Ihr HTML wird vollständig in Ihrem Browser verarbeitet und konvertiert. Es wird nichts an einen Server gesendet.
Optionen
HTML-Vorschau
Aus Sicherheitsgründen werden <script>-Tags vor der Konvertierung entfernt und niemals ausgeführt.
Inhaltsverzeichnis
Was ist ein HTML-zu-Markdown-Konverter?
Ein HTML-zu-Markdown-Konverter liest HTML-Markup – Überschriften, Absätze, Listen, Links, Bilder, Tabellen und Code – und schreibt es als Markdown um, die schlanke Klartext-Formatierungssyntax, die in README-Dateien, Dokumentationsseiten, Static-Site-Generatoren, Notiz-Apps und Chat-Tools wie Slack und Discord verwendet wird.
Anstatt formatierten Inhalt manuell als Markdown neu einzutippen, durchläuft der Konverter die HTML-Struktur und ordnet jedes Element seinem Markdown-Äquivalent zu: `<h1>` wird zu `#`, `<strong>` wird zu `**fett**`, `<a>` wird zu `[Text](url)` und so weiter – so entsteht Text, den Sie direkt in einen Markdown-Editor einfügen können.
So funktioniert es
- HTML hinzufügen: Fügen Sie HTML direkt in den Editor ein oder laden Sie eine .html-Datei hoch.
- Optionen wählen: Wählen Sie einen Überschriftenstil (ATX oder Setext), ein Aufzählungszeichen, ein Hervorhebungszeichen und ob Bilder eingeschlossen werden sollen.
- Vorschau ansehen und Ergebnis lesen: Das Tool analysiert Ihr Markup im Browser und zeigt sofort das konvertierte Markdown zusammen mit einer gerenderten Vorschau des ursprünglichen HTML an.
- Kopieren oder herunterladen: Kopieren Sie das Markdown in die Zwischenablage oder laden Sie es als .md-Datei herunter.
Funktionen
- HTML einfügen oder eine .html-Datei hochladen
- Sofortige Live-Konvertierung während der Eingabe – ohne Klick auf eine Schaltfläche
- Überschriften, Fett-, Kursivschrift, Durchgestrichenes und Inline-Code
- Geordnete und ungeordnete Listen, einschließlich verschachtelter Listen
- Links und Bilder mit erhaltenen Title-Attributen
- Zitate und eingezäunte Codeblöcke mit Sprachhinweisen
- Tabellen, konvertiert in GitHub-flavored Markdown-Tabellen
- Konfigurierbarer Überschriftenstil, Aufzählungs- und Hervorhebungszeichen
- Live-Wort- und Zeichenanzahl
- In die Zwischenablage kopieren oder als .md herunterladen
- 100% clientseitige Verarbeitung für Ihre Privatsphäre
Bewährte Praktiken
- Zuerst das HTML in der Vorschau prüfen: Prüfen Sie die gerenderte Vorschau, um zu bestätigen, dass das Quell-Markup wie erwartet aussieht, bevor Sie sich auf die Markdown-Ausgabe verlassen.
- ATX-Überschriften für Portabilität wählen: `#`-Überschriften funktionieren überall, wo Markdown unterstützt wird, während Setext-Unterstreichungen nur für H1 und H2 gelten.
- An den Styleguide Ihres Projekts anpassen: Wenn Ihre Dokumentation bereits `_kursiv_` und `+`-Aufzählungszeichen verwendet, stellen Sie Hervorhebungs- und Aufzählungszeichen entsprechend ein, damit die Ausgabe keine Nachbearbeitung benötigt.
- Komplexe Layouts vor der Konvertierung vereinfachen: Tief verschachtelte Tabellen, eingebettete Widgets und mehrspaltige Layouts haben kein Markdown-Äquivalent – vereinfachen Sie das HTML vorher für das sauberste Ergebnis.
- Tabellen nach der Konvertierung prüfen: Markdown-Tabellenzellen sind einzeilig – verbundene Zellen oder Zellen mit mehreren Absätzen werden abgeflacht, prüfen Sie diese also vor der Veröffentlichung.
Fehlerbehebung
In der Ausgabe fehlt Formatierung
Markdown unterstützt nur eine begrenzte Anzahl von Formatierungen. Schriftfarben, benutzerdefinierte CSS-Klassen, Inline-Stile und rein layoutbezogene Elemente wie <div> und <span> haben kein Markdown-Äquivalent und werden in Klartext umgewandelt.
Eine Tabelle sieht nach der Konvertierung fehlerhaft aus
Markdown-Tabellen können keine verbundenen Zellen (colspan/rowspan) oder mehrzeiligen Zelleninhalt darstellen. Vereinfachen Sie zunächst die Tabellenstruktur im HTML, oder belassen Sie sie als HTML-Tabelle innerhalb des Markdown, falls Ihr Renderer das unterstützt.
Verschachtelte Listen sehen falsch ausgerichtet aus
Die Verschachtelung von Markdown-Listen beruht auf konsistenter Einrückung. Wenn Ihr Markdown-Renderer nicht zur Einrückungsbreite dieses Tools passt, passen Sie den Abstand nach der Konvertierung an oder prüfen Sie die Regeln Ihres Renderers zur Listenverschachtelung.
Sonderzeichen erscheinen mit einem Backslash escaped
Zeichen wie *, _, `, [ und ] haben in Markdown eine besondere Bedeutung, daher werden wörtliche Vorkommen in Ihrem Text mit einem Backslash escaped, damit die Ausgabe korrekt gerendert wird.
Häufige Anwendungsfälle
- Dokumentation schreiben: Konvertieren Sie aus einem CMS oder einer Textverarbeitung exportiertes HTML in Markdown für eine Dokumentationsseite, ein Wiki oder einen Static-Site-Generator.
- Inhalte migrieren: Verschieben Sie Blogbeiträge oder Wissensdatenbank-Artikel von einer HTML-basierten Plattform auf eine Markdown-basierte wie Jekyll, Hugo oder Astro.
- README-Dateien vorbereiten: Wandeln Sie einen formatierten HTML-Ausschnitt in Markdown um, das bereit ist, in eine GitHub-README oder einen CONTRIBUTING-Leitfaden eingefügt zu werden.
- Inhalte in Chat-Tools teilen: Konvertieren Sie einen Webseitenabschnitt in Markdown für Slack, Discord oder Notion, die Markdown alle nativ rendern.
- Inhalte für Sprachmodelle aufbereiten: Markdown ist ein kompaktes, rauscharmes Format, das viele LLM-Workflows gegenüber rohem HTML bevorzugen.
Häufig gestellte Fragen
Nein. <script>-Tags werden vor der Konvertierung entfernt, und das HTML wird nie als aktive Seite ausgeführt.
Ja. Tabellen, Durchgestrichenes und eingezäunte Codeblöcke folgen den Konventionen von GitHub-flavored Markdown (GFM), das von GitHub, GitLab und den meisten modernen Markdown-Renderern verwendet wird.
Ihr Textinhalt bleibt erhalten, aber das umschließende Element sowie CSS-Klassen oder Inline-Stile werden verworfen, da Markdown kein Konzept für beliebige Container oder Styling kennt.
Ja. Verschachtelte <ul>- und <ol>-Elemente werden mit einer Einrückung konvertiert, die zum übergeordneten Listenelement passt.
Ja. <pre><code>-Blöcke werden zu eingezäunten Codeblöcken (unter Verwendung der Sprache aus einer Klasse wie language-js, falls vorhanden), und Inline-<code> wird zu Code in Backticks.
Ja. Mit der Option für das Hervorhebungszeichen können Sie für das gesamte Dokument Sternchen (*kursiv*, **fett**) oder Unterstriche (_kursiv_, __fett__) wählen.
Nein. Alles geschieht lokal in Ihrem Browser, nichts wird hochgeladen oder gespeichert.