Zum Inhalt springen

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. 1. Fügen Sie Ihr HTML ein. Ein Fragment oder eine ganze Seite funktionieren; nur der Body wird konvertiert.
  2. 2. Drücken Sie In Markdown umwandeln. Das Markdown erscheint unten mit drei Zählern: HTML-Zeichen, Markdown-Zeichen und die Größenreduzierung.
  3. 3. Prüfen Sie das Ergebnis. Vergleichen Sie es mit dem Original, besonders Tabellen und verschachtelte Listen (siehe die Grenzen unten).
  4. 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:

HTMLMarkdown
h1 bis h6# bis ######, gefolgt vom Überschriftentext
pEin Absatz, getrennt durch Leerzeilen
br, hrEin Zeilenumbruch; ---
strong, b**fett**
em, i*kursiv*
codeDer Text, in einfache Backticks eingefasst
preEin eingezäunter Block aus drei Backticks, ohne Sprachkennung
a[Text](Adresse)
img![Alt](Quelle)
ul, ol--Aufzählungspunkte, bzw. 1. 2. 3., ab 1 neu nummeriert; Unterlisten sind zwei Leerzeichen pro Ebene eingerückt
blockquoteJede Zeile mit > eingeleitet
tableEine Pipe-Tabelle; die erste Zeile wird zur Kopfzeile
div, span, section, alles andereAusgepackt: das Tag entfällt, sein Inhalt bleibt
script, style, head, meta, link, title, noscript, template, iframeMit 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.

Ähnliche Tools

Weitere Werkzeuge: Daten, Markup und Code