HTML-zu-Markdown-Konverter

Einen WordPress-Artikel nach Hugo verschieben, eine Confluence-Seite als Notizen archivieren oder eine Rich-Text-E-Mail für ein Dokumentations-Wiki bereinigen, all das bedeutet, HTML in Markdown zu konvertieren. Dieser Konverter bildet Überschriften, Absätze, Listen, Links, Bilder und Codeblöcke auf ihre Markdown-Entsprechungen ab, sodass der Inhalt seine Struktur ohne den HTML-Ballast behält.

So konvertieren Sie HTML in Markdown

  1. 1

    HTML einfügen

    Vollständige Seiten, Rich-Text-E-Mail-Inhalte oder Ausschnitte, alles wird analysiert.

  2. 2

    Konvertieren

    Überschriften, Absätze, Listen, Links, Bilder und Codeblöcke werden in Markdown umgewandelt.

  3. 3

    Das Markdown kopieren

    Geben Sie die Ausgabe in Obsidian, Hugo, Jekyll, Notion oder ein Git-Repo ein.

HTML in Markdown überführen

Der Konverter durchläuft das DOM und gibt für jedes erkannte Element Markdown aus. Wrapper-Tags wie <div>, <span>, <section> und <article> werden entfernt, ihr Inhalt bleibt auf der richtigen Verschachtelungsebene erhalten.

Elementzuordnung

HTML Markdown-Ausgabe
<h1> bis <h6> # bis ###### Überschriften
<strong>, <b> **text**
<em>, <i> *text*
<code> inline `text`
<pre><code> Block mit dreifachen Backticks, mit Sprache, falls festgelegt
<a href> [text](url)
<img src alt> ![alt](src)
<ul><li> - item
<ol><li> 1. item
<blockquote> > Zitat
<hr> ---

Was mit dem Rest passiert

Markdown kann nicht jedes HTML-Element ausdrücken. Tags ohne Markdown-Entsprechung werden entfernt und nur ihr Textinhalt bleibt erhalten:

  • <table>: Der Text in den Zellen bleibt erhalten, das Tabellenraster geht verloren. Verwenden Sie einen Konverter mit Tabellenunterstützung, wenn die Struktur wichtig ist.
  • <del>, <u> und andere Inline-Stile: Der Text bleibt, die Formatierung geht verloren.
  • <video>, <audio>, <iframe>: Aus diesen Einbettungen entsteht nichts, das sich in Markdown darstellen lässt.
  • <details> / <summary>: Der Text darin bleibt erhalten, das Aufklapp-Widget nicht.

Für verlustfreie Rundläufe konvertieren Sie aus der ursprünglichen Markdown-Quelle statt aus gerendertem HTML.

Häufig gestellte Fragen

Einfache <div>- und <span>-Wrapper werden entfernt und deren Inhalt auf der richtigen Verschachtelungsebene ausgegeben. Layout-only-Divs werden in Markdown unsichtbar, was normalerweise gewünscht ist für Dokumente.

Ja. <pre><code class="language-js"> wird zu einem eingezäunten Block mit js als Sprachhinweis. Eingezogene Codeblöcke ohne Sprache fallen auf einfache eingezäunte Blöcke zurück.

Der Text in den <table>-Zellen bleibt erhalten, das Raster selbst jedoch nicht: Zeilen und Spalten werden nicht bewahrt, die Struktur geht verloren. Verwenden Sie einen Konverter mit Tabellenunterstützung, wenn es auf die Struktur ankommt.

Fast, aber subtile Formatierungen (Referenzstil-Links, harte Zeilenumbrüche mit zwei nachfolgenden Leerzeichen, alternative Betonungsmarker) können normalisiert werden. Für verlustfreies Runden behalten Sie das ursprüngliche Markdown.

Verwandte Tools

Tool in anderen Sprachen verfügbar