TanodTools
DE

HTML in Markdown umwandeln

Fügen Sie HTML ein oder öffnen Sie eine .html-Datei und erhalten Sie aufgeräumtes Markdown für eine README, ein Wiki oder eine Notiz-App.

Läuft vollständig in Ihrem Browser

Fügen Sie HTML ein, um zu beginnen.

HTML bis etwa 5 MB, eingefügt oder aus einer .html-Datei. Das Ergebnis aktualisiert sich während der Eingabe.

So wandeln Sie HTML in Markdown um

  1. Fügen Sie Ihr HTML in das Feld ein oder öffnen Sie eine .html-Datei.
  2. Wählen Sie den gewünschten Stil für Überschriften, Listen und Codeblöcke. Tabellen werden in Markdown-Tabellen umgewandelt, sofern Sie das nicht ausschalten.
  3. Kopieren Sie das Markdown oder laden Sie es als .md-Datei herunter.

Webseiten in Markdown verwandeln

Wer Inhalte aus einer Webseite, einem alten CMS oder einem Rich-Text-Editor in eine README, eine statische Website oder eine Notiz-App übernehmen will, muss meist HTML in Markdown umwandeln. Der Konverter geht die HTML-Struktur durch und schreibt jedes Element in seiner Markdown-Form: Überschriften werden zu #-Zeilen, Listen zu Strichen, Links zu [text](url), und <pre><code> wird zu einem Codeblock.

Markdown beschreibt nur Struktur, deshalb bleibt die Gestaltung zurück. Inline-Styles, Klassen, Farben und Layout-Container verschwinden, während Wörter, Hervorhebungen, Links, Bilder und Listen bleiben. Tabellen werden als Tabellen in GitHub Flavored Markdown geschrieben, wenn sie einfach genug für dieses Format sind.

Verschiedene Projekte bevorzugen verschiedene Markdown-Gewohnheiten, deshalb lassen sich die Stile für Überschriften, Listenzeichen, Codeblöcke und Kursivschrift ändern. Die meisten Renderer akzeptieren jede Variante.

Tipps

Häufige Fragen

Wird mein HTML hochgeladen?

Nein. Es wird in Ihrem Browser mit der Open-Source-Bibliothek Turndown umgewandelt, und nichts wird irgendwohin gesendet oder gespeichert.

Lädt das Tool Bilder oder führt es Skripte im HTML aus?

Nein. Das HTML wird in ein losgelöstes Dokument eingelesen, das der Browser nie anzeigt, sodass Skripte nicht laufen und Bilder, Schriften und Stylesheets nicht abgerufen werden. Skript- und Style-Blöcke werden aus dem Ergebnis entfernt.

Wie werden Tabellen umgewandelt?

Einfache Tabellen werden zu Markdown-Tabellen im GitHub-Stil, mit der ersten Zeile als Kopfzeile; linke, zentrierte oder rechte Ausrichtung bleibt erhalten, wenn das HTML sie festlegt. Tabellen mit verbundenen Zellen (rowspan oder colspan) oder eine Tabelle in einer Tabelle lassen sich nicht als Markdown-Tabellen schreiben. Sie bleiben deshalb HTML, das die meisten Markdown-Renderer unverändert anzeigen. Sie können die Tabellenumwandlung ausschalten, um alle Tabellen als HTML zu behalten.

Was ist der Unterschied zwischen den Überschriften- und Codestilen?

ATX-Überschriften beginnen mit #-Zeichen (# Titel) und funktionieren auf jeder Ebene; Setext-Überschriften unterstreichen den Text mit = oder - und gibt es nur für die Ebenen 1 und 2, tiefere Überschriften verwenden also weiterhin #. Umzäunte Codeblöcke schließen Code in drei Backticks ein und übernehmen den Sprachnamen aus einer language--Klasse; eingerückte Blöcke verwenden vier Leerzeichen, den älteren Stil.

Was geht bei der Umwandlung verloren?

Markdown kann keine Farben, Schriften, Klassen, Layouts oder Formularelemente ausdrücken, daher werden diese entfernt, und nur der Text und seine Struktur bleiben. Durchgestrichener Text wird zu ~~text~~, und Checkboxen in Listeneinträgen werden zu Aufgabenlisten-Markierungen. Zeichen, die sonst als Markdown gelesen würden, etwa ein # oder * am Zeilenanfang, werden mit einem Backslash maskiert.