HTML in Markdown umwandeln: CommonMark-Konverter

So verwenden Sie es

Fügen Sie das HTML in HTML ein. Das Beispiel zeigt eine Überschrift, einen Absatz mit Hervorhebung und einem Link sowie eine Liste.
Lesen Sie Markdown (CommonMark) ab: Es aktualisiert sich bei jeder Eingabe.
Kopieren Sie es mit der Kopierschaltfläche und speichern Sie es als .md-Datei oder fügen Sie es in einen Markdown-Editor ein.

Was umgewandelt wird und wie

Überschriften h1 bis h6 werden zu ATX-Überschriften mit einem bis sechs Rautenzeichen. strong und b werden zu fettem Text, em und i zu *kursivem Text*. Ein code-Element wird zu einer Code-Spanne, ein pre-Element zu einem eingezäunten Codeblock. Dessen Sprache bleibt erhalten, wenn der Code eine Klasse language- trägt. Ein br wird zu einem harten Zeilenumbruch, ein blockquote bekommt vor jeder Zeile ein >, und ul und ol werden zu Listen mit - beziehungsweise einer Zahl. Ein a-Element mit href wird zu einem Link, und ein img mit src wird zu einem Bild mit seinem alt-Text (CommonMark-Abschnitte 4.2, 4.5, 5.1, 5.2, 6.1, 6.2, 6.3 und 6.7).

Ein Zeichen, das Markdown als Auszeichnung lesen würde, wird mit einem Backslash maskiert: das Sternchen, der Unterstrich, das Backtick, die eckigen Klammern und die spitze Klammer. Dazu kommt eine Zeile, die wie eine Überschrift, ein Zitat oder eine Liste beginnen würde. Abschnitt 2.4 von CommonMark erlaubt einen Backslash vor jedem ASCII-Satzzeichen.

Was nicht erhalten bleibt

Skripte, Formatvorlagen, Vorlagen, Frames, Formularelemente und Medien fallen mit ihrem Inhalt weg. Attribute außer href, src, alt und title werden entfernt. CommonMark kennt keine Tabellen, Unterstreichung oder Farbe. Daher wird eine Tabelle zu einem Absatz pro Zelle, und der Text von u, span und ähnlichen Elementen bleibt ohne seine Formatierung erhalten.

Drei Elemente und ein Zeichen, das maskiert wird

Jedes HTML-Fragment in der Tabelle ergibt das Markdown in der rechten Spalte, so wie der Rechner es schreibt.

Was das HTML enthält	Markdown
Eine Überschrift der Ebene 2 mit dem Text Notizen	## Notizen
Ein Absatz mit fettem Text	Etwas fetter Text
Eine Liste mit einem Eintrag, Erster	- Erster
Der Text 5 * 3 = 15 mit einem Sternchen	5 * 3 = 15

Häufig gestellte Fragen

Warum enthält das Markdown Backslashes?

Ein Backslash zeigt an, dass das nächste Zeichen Text ist und keine Auszeichnung, etwa ein Sternchen oder eine Klammer. CommonMark entfernt ihn beim Darstellen (Abschnitt 2.4), daher zeigt die Seite die Zeichen so, wie sie im HTML standen.

Führt der Rechner mein HTML aus oder behält er es auf der Seite?

Nein. Das HTML wird von DOMParser in ein eigenes Dokument gelesen, das keinen Browsing-Kontext hat und keine Skripte ausführt. Der Rechner übernimmt Text und Aufbau und zeigt das Markdown als Text.

Warum werden Tabellen zu Absätzen?

CommonMark hat keine Tabellensyntax. Die Pipe-Tabellen, die manche Dienste ergänzen, sind eine Erweiterung. Jede Zelle wird zu einem Absatz, daher bleiben die Wörter erhalten, das Layout der Tabelle aber nicht.

Bleiben Links und Bilder erhalten?

Ja. Ein a-Element mit href wird zu einem Link, mit seinem title, falls es einen hat. Ein img mit src wird zu einem Bild, dessen alt-Text maskiert wird. Andere Attribute bleiben nicht erhalten.

Was passiert mit Elementen, die keine Markdown-Form haben?

Ihr Text bleibt, ihre Formatierung entfällt. Zum Beispiel behalten span, u und mark die Wörter, die sie enthalten, und ein div oder section beginnt einen neuen Textabsatz.

Quellen

Zahlen und Text zuletzt geprüft: Dienstag, 10. November 2026.