DevToolPal
DE

HTML zu Markdown Konverter

Wandelt HTML in sauberes Markdown um – mit Überschriften, Listen, Links, Bildern, Codeblöcken und GitHub-Tabellen.

Läuft lokal, wird nie hochgeladen

Optionen

Listenzeichen
Codeblöcke
Kursiv
Fett

HTML

0 Zeichen · 0 B

Markdown

0 Zeichen · 0 B

Was das Tool macht

Der HTML-zu-Markdown-Konverter wandelt HTML-Markup in sauberes, gut lesbares Markdown um. Nutzen Sie ihn, um Blogartikel aus einem CMS in einen statischen Seitengenerator zu übernehmen, README-Dateien aus bestehenden Webseiten zu schreiben, Dokumentation als Notizen zu speichern oder Inhalte für ein Wiki, ein GitHub-Issue oder einen Chat vorzubereiten, der Markdown versteht.

Die Ausgabe folgt gängigen Markdown-Konventionen: #-Überschriften, --Listenpunkte, umzäunte Codeblöcke mit der ursprünglichen Sprache sowie Tabellen und Durchstreichungen im GitHub Flavored Markdown. Text wird bei Bedarf maskiert, damit nichts versehentlich zur Formatierung wird.

So funktioniert es

  1. Fügen Sie HTML in das Eingabefeld ein, laden Sie eine .html-Datei hoch oder klicken Sie auf Beispiel.
  2. Passen Sie den Stil an, falls Ihr Projekt eine Konvention hat: Listenzeichen, umzäunte oder eingerückte Codeblöcke, Kursiv- und Fettzeichen sowie Inline- oder Referenzlinks.
  3. Kopieren Sie das Markdown oder laden Sie es als .md-Datei herunter.

Beispiel

Dieses HTML:

<h2>Install</h2>
<p>Run the <strong>installer</strong> and read the <a href="https://example.com">guide</a>.</p>
<ul><li>Windows</li><li>macOS</li></ul>

wird zu diesem Markdown:

## Install

Run the **installer** and read the [guide](https://example.com).

- Windows
- macOS

Tipps

  • Sie kopieren aus dem Browser? Holen Sie sich über den Seitenquelltext oder die Entwicklertools nur das HTML des Artikel-Elements, damit Menüs und Fußzeilen nicht im Ergebnis landen.
  • Referenzlinks halten lange URLs aus dem Fließtext heraus, was das Markdown leichter lesbar und bearbeitbar macht. Die URLs stehen am Ende.
  • Eingebettete data:-Bilder werden standardmäßig entfernt, weil sie Hunderte Kilobyte lang sein können. Aktivieren Sie die Option, um sie zu behalten.
  • Für die Gegenrichtung nutzen Sie den Markdown-zu-HTML-Konverter oder sehen sich das Ergebnis in der Markdown-Vorschau an.

FAQ

› Welche HTML-Elemente werden umgewandelt?

Überschriften, Absätze, Fett, Kursiv, Durchgestrichen, Links, Bilder, nummerierte und unnummerierte Listen (auch verschachtelt), Zitate, Inline-Code, Codeblöcke mit Sprache, horizontale Linien, Zeilenumbrüche und Tabellen. Tabellen werden zu Tabellen im GitHub Flavored Markdown.

› Was passiert mit Skripten, Styles und dem Head der Seite?

Sie werden entfernt. Script, style, noscript, template, svg, iframe und der gesamte Head erzeugen kein Markdown. Sie können also den Quelltext einer kompletten Webseite einfügen und erhalten nur den lesbaren Inhalt.

› Was ist mit HTML, das Markdown nicht ausdrücken kann?

Unbekannte Tags werden entfernt, ihr Text bleibt erhalten. Attribute wie Klassen, Inline-Styles und IDs fallen weg, weil Markdown dafür keine Syntax hat. Ein Codeblock behält seine Sprache, wenn das code-Element eine Klasse wie language-js trägt.

› Warum sind manche Zeichen mit einem Backslash maskiert?

Text, der sonst zu Markdown-Formatierung würde, etwa eine Zeile, die mit 1. beginnt, oder Wörter zwischen Sternchen, wird maskiert, damit das Markdown genau wie der ursprüngliche HTML-Text dargestellt wird.

› Wird das HTML hochgeladen?

Nein. Die Umwandlung läuft in Ihrem Browser mit einem JavaScript-HTML-Parser, und nichts wird an einen Server gesendet.