HTML-zu-Markdown-Konverter
Fügen Sie HTML ein und erhalten Sie Markdown, das die Struktur behält: Überschriften, Fett- und Kursivschrift, Links, Bilder, Listen, Zitate, Codeblöcke und einfache Tabellen. Skripte, Formatvorlagen und Layout-Wrapper werden verworfen, und die Seite zeigt, wie viel kürzer das Ergebnis ist. Kostenlos, ohne Anmeldung. Das HTML wird in Ihrem Browser verarbeitet und nie hochgeladen.
So verwenden Sie den HTML-zu-Markdown-Konverter
- 1. Fügen Sie Ihr HTML ein. Ein Fragment oder eine ganze Seite funktionieren; nur der Body wird konvertiert.
- 2. Drücken Sie In Markdown umwandeln. Das Markdown erscheint unten mit drei Zählern: HTML-Zeichen, Markdown-Zeichen und die Größenreduzierung.
- 3. Prüfen Sie das Ergebnis. Vergleichen Sie es mit dem Original, besonders Tabellen und verschachtelte Listen (siehe die Grenzen unten).
- 4. Kopieren Sie es. Markdown kopieren legt den Text in Ihre Zwischenablage, bereit für eine README, einen Static-Site-Generator oder eine Notiz-App.
Was jedes HTML-Element wird
Das Tool parst Ihr HTML mit dem eingebauten HTML-Parser des Browsers und durchläuft den Baum, sodass fehlerhaftes Markup so repariert wird, wie es ein Browser täte. Jedes Element wird dann auf sein Markdown-Gegenstück abgebildet:
| HTML | Markdown |
|---|---|
h1 bis h6 | # bis ######, gefolgt vom Überschriftentext |
p | Ein Absatz, getrennt durch Leerzeilen |
br, hr | Ein Zeilenumbruch; --- |
strong, b | **fett** |
em, i | *kursiv* |
code | Der Text, in einfache Backticks eingefasst |
pre | Ein eingezäunter Block aus drei Backticks, ohne Sprachkennung |
a | [Text](Adresse) |
img |  |
ul, ol | --Aufzählungspunkte, bzw. 1. 2. 3., ab 1 neu nummeriert; Unterlisten sind zwei Leerzeichen pro Ebene eingerückt |
blockquote | Jede Zeile mit > eingeleitet |
table | Eine Pipe-Tabelle; die erste Zeile wird zur Kopfzeile |
div, span, section, alles andere | Ausgepackt: das Tag entfällt, sein Inhalt bleibt |
script, style, head, meta, link, title, noscript, template, iframe | Mit ihrem Inhalt entfernt |
Beispiel
HTML
<h1>Citation Basics</h1><p>Use <strong>APA</strong> or <em>MLA</em>; see the <a href="https://apastyle.apa.org">APA site</a>.</p><ul><li>Author</li><li>Year<ul><li>Month</li></ul></li></ul><table><tr><th>Style</th><th>Year</th></tr><tr><td>APA</td><td>7th</td></tr></table>
Markdown
Eine Überschrift # Citation Basics; ein Absatz Use **APA** or *MLA*; see the [APA site](https://apastyle.apa.org).; die Liste - Author, - Year und ein eingerückter - Month; dann eine zweispaltige Pipe-Tabelle mit ----Trennern und einer Zeile, APA und 7th.
Zähler
273 HTML-Zeichen, 159 Markdown-Zeichen, eine Reduzierung um 42 %.
Markdown kann nicht alles ausdrücken, was HTML kann, und genau darum geht es: Die Ausgabe ist die Struktur des Dokuments und nichts von seiner Darstellung.
Grenzen, die Sie prüfen sollten
- Tabellen werden flachgeklopft. Jede Zelle wird auf ihren Klartext reduziert, Links und Hervorhebungen in Zellen gehen verloren, Pipes werden maskiert, und verbundene Zellen werden nicht verstanden. Pipe-Tabellen sind eine Erweiterung von GitHub Flavored Markdown, nicht Teil des reinen CommonMark; prüfen Sie also, ob Ihr Ziel sie unterstützt.
- Manche Inline-Tags entfallen. Unterstreichung, Durchstreichung, Hoch- und Tiefstellung haben hier kein Markdown-Gegenstück, daher bleibt ihr Text ohne Formatierung erhalten.
- Sonderzeichen werden nicht maskiert. Ein wörtlicher Stern oder Unterstrich in Ihrem Text bleibt, wie er ist, und kann von einem Markdown-Renderer als Hervorhebung gelesen werden.
- Verschachtelte nummerierte Listen sind pro Ebene um zwei Leerzeichen eingerückt. Die meisten Renderer akzeptieren das, manche verlangen unter einer
1.-Markierung drei. - Links und Bilder behalten ihre ursprünglichen Adressen, relative Pfade bleiben also relativ.
Welches Tool brauchen Sie?
Verwenden Sie diese Seite, um beim Wechsel von HTML zu Markdown die Struktur zu behalten. Wenn Sie nur die Wörter wollen, gibt der HTML-Tag-Entferner reinen Text aus. In die andere Richtung rendert Markdown to HTML Markdown, und Markdown zu Text entfernt Markdown auf reinen Text. Um HTML vor dem Konvertieren aufzuräumen, verwenden Sie den HTML Formatter.
Häufig gestellte Fragen
- Welche HTML-Elemente werden in Markdown umgewandelt?
- Überschriften, Absätze, Zeilenumbrüche, horizontale Linien, Fett, Kursiv, Inline-Code, Codeblöcke, Links, Bilder, geordnete und ungeordnete Listen, Zitate und einfache Tabellen. Die Tabelle oben listet die genaue Zuordnung.
- Werden verschachtelte Listen verarbeitet?
- Ja. Unterlisten sind pro Ebene um zwei Leerzeichen eingerückt, und nummerierte Listen werden ab 1 neu nummeriert. Eine Liste, die im HTML bei einer anderen Zahl beginnt, etwa
start="5", wird ebenfalls ab 1 neu nummeriert. - Was passiert mit Tags, die der Konverter nicht erkennt?
- Sie werden ausgepackt: Das Tag wird entfernt, sein Text bleibt erhalten. Ein div oder span verschwindet spurlos, während script, style und ähnliche Elemente samt Inhalt entfernt werden.
- Kann es HTML-Tabellen konvertieren?
- Einfache ja: Sie werden zu Pipe-Tabellen, wobei die erste Zeile als Kopfzeile dient. Verbundene Zellen, verschachtelte Tabellen sowie Links oder Formatierungen in Zellen bleiben nicht erhalten.
- Funktioniert es mit einer ganzen Webseite?
- Ja, aber es konvertiert alles im Body, einschließlich Navigationsmenüs und Fußzeilen, als gewöhnlichen Text und Links. Für einen Artikel fügen Sie nur das HTML des Artikels ein.
- Warum wirkt das Markdown schlichter als die Originalseite?
- Markdown erfasst Struktur (Überschriften, Hervorhebungen, Links, Listen), nicht Farben, Schriften oder Layout. CSS, Formulare und eingebettete Widgets werden absichtlich verworfen.
- Wird mein HTML auf einen Server hochgeladen?
- Nein. Die Konvertierung läuft in Ihrem Browser mit dem eingebauten DOMParser, der keine Skripte im eingefügten HTML ausführt, und nichts, was Sie einfügen, verlässt Ihr Gerät.