Markdown to HTML Converter

Markdown zu HTML Konverter

Kostenloser Markdown zu HTML Konverter mit Live-Vorschau und visueller Ausgabe. GFM-Tabellen, Aufgabenlisten, bereinigtes HTML. Keine Anmeldung nötig.

Aktualisiert Mai 2026

Geprüft von Rafael Duarte

HTML zu MD MD zu HTML
Optionen

Live-Konvertierung

Die Ausgabe wird beim Tippen aktualisiert. Läuft vollständig im Browser.

Benötigst du die Umkehrung? ← HTML zu Markdown

So funktioniert die Umwandlung

HTML-Code und visuelle Vorschau nebeneinander

1. Markdown einfügen

Füge beliebigen `.md`-Inhalt ins linke Feld ein — HTML-Code und Live-Vorschau aktualisieren sich sofort, ganz ohne Neuladen der Seite.

2. Optionen anpassen

GFM für Tabellen und Aufgabenlisten aktivieren, "Wrap in `<html>`" für ein vollständiges Dokument, oder Br-style Breaks für einfache Zeilenumbrüche.

3. Kopieren oder herunterladen

Zwischen den Tabs HTML Code und Preview wechseln, dann mit "Copy HTML" kopieren oder als `.html`-Datei herunterladen.

Wann du das brauchst

Die häufigsten Einsatzszenarien unter Nutzerinnen und Nutzern

Markdown in einem CMS veröffentlichen

In HTML umwandeln und in WordPress, Webflow oder ein beliebiges CMS einfügen, das kein natives Markdown versteht.

HTML-E-Mails erstellen

Den Inhalt in Markdown schreiben, umwandeln und anschließend in die Inline-CSS-Vorlage deines E-Mail-Anbieters einbetten.

Eine `.md`-Datei ansehen

Beliebiges Markdown einfügen und sofort sehen, wie es final aussieht — noch bevor es in ein Repository oder CMS wandert.

Dokumentation für Confluence oder SharePoint

Firmensysteme, die Markdown nicht nativ rendern — README oder Dokument hier vor dem Einfügen umwandeln.

Eine eigenständige HTML-Seite erzeugen

"Wrap in <html>" aktivieren, um eine vollständige .html-Datei zu erzeugen — direkt im Browser öffnen oder an eine E-Mail anhängen, ganz ohne Server.

Was dieser Markdown-zu-HTML-Konverter kann

Angetrieben von marked.js

GitHub Flavored Markdown

Tabellen, Aufgabenlisten, durchgestrichener Text und Autolinks werden korrekt umgewandelt, sobald GFM aktiv ist.

Syntaxhervorhebung

Codeblöcke werden über highlight.js direkt in der gerenderten Vorschau farblich hervorgehoben.

Vorschau bereinigt mit DOMPurify

Die gerenderte Vorschau entfernt automatisch <script>-Tags und Event-Attribute. Rohes HTML, das bereits in deinem Markdown steckt, bleibt im kopierten HTML-Code erhalten — vor der Veröffentlichung für Endnutzer also unbedingt prüfen.

Ganzes Dokument oder nur Fragment

"Wrap in <html>" erzeugt eine eigenständige .html-Datei, fertig zum direkten Öffnen im Browser — oder kopiere nur das Fragment für ein anderes System.

Automatische Zeilenumbrüche (Breaks)

Mit Br-style Breaks wird jeder einfache Zeilenumbruch zu <br> — praktisch beim Einfügen von Fließtext ohne formale Absätze.

Tastenkürzel zum Kopieren

Drücke Shift+Enter an beliebiger Stelle der Seite (außerhalb von Textfeldern), um das erzeugte HTML zu kopieren, ohne die Maus zu benutzen.

Umwandlungsbeispiele

So sieht jede Syntax nach der Umwandlung in HTML aus

Markdown
HTML
`# Einleitung`
`<h1>Einleitung</h1>`
`**fett** und *kursiv*`
`<strong>fett</strong> und <em>kursiv</em>`
`- [x] Tests schreiben`
`<li class="task-list-item"><input type="checkbox" checked>...`
Pipe-Tabelle mit aktivem GFM
`<table><thead><tr><th>...`
`<https://beispiel.de>`
`<a href="https://beispiel.de">https://beispiel.de</a>`

Etwas funktioniert nicht? Hier ansetzen

Die häufigsten Stolpersteine bei der Umwandlung von Markdown zu HTML

Tabelle ohne Trennzeile

Die Zeile | --- | ist laut GFM-Spezifikation Pflicht — ohne sie entsteht keine korrekte <table>.

Automatische Formatierung erwarten

Die Ausgabe enthält kein CSS — für Newsletter das Ergebnis in eine Vorlage mit Inline-Styles einbetten.

Annehmen, das kopierte HTML sei bereits bereinigt

Nur der Preview-Tab läuft durch DOMPurify. Enthält das ursprüngliche Markdown bereits rohes HTML mit <script> oder on*-Attributen, bleibt dieser Code im kopierten HTML erhalten — vor der Veröffentlichung für Endnutzer selbst bereinigen.

Ein einzelner Zeilenumbruch wird nicht zu `<br>`

Laut CommonMark-Spezifikation erzeugt ein einzelnes Enter innerhalb eines Absatzes keinen sichtbaren Umbruch. Br-style Breaks aktivieren, wenn der Text auf einfachen Umbrüchen beruht.

Codeblock ohne angegebene Sprache

Ohne eine Sprachkennung wie javascript direkt nach den drei Backticks zeigt highlight.js den Block als reinen Text ohne Syntaxfarben an.

GFM deaktivieren lässt Tabellen und Aufgabenlisten verschwinden

Bei ausgeschaltetem GFM werden Pipe-Tabellen und - [x]-Einträge zu normalem Text statt zu <table> und Checkboxen.

Warum dieser Konverter

Zeigt rohen HTML-Code und gerenderte visuelle Vorschau gleichzeitig nebeneinander — nicht nur eins von beidem — angetrieben von marked.js, einem der schnellsten und meistgenutzten Markdown-Parser überhaupt.

Die gerenderte Vorschau läuft durch DOMPurify und entfernt automatisch XSS-Vektoren — das gilt aber ausschließlich für den Preview-Tab. Der Code im Tab HTML Code behält jedes rohe HTML, das schon im Ausgangs-Markdown stand, unverändert bei. Vor dem Einfügen in ein System, das den Inhalt Endnutzern anzeigt, also unbedingt selbst prüfen.

Die gesamte Verarbeitung läuft direkt im Browser über marked.js und highlight.js — kein Inhalt wird an einen Server geschickt, was die Umwandlung schnell und sicher hält, auch bei sensiblen Texten. Für den umgekehrten Weg nutzt der Schwesterkonverter HTML zu Markdown dieselbe Optionsbasis.

HTML Code vs. Preview

Die beiden Ausgabe-Tabs im Vergleich

HTML Code
Preview
Was wird angezeigt
roher Code zum Kopieren
gerenderte visuelle Ansicht
Wann nutzen
beim Einfügen in ein anderes System
beim Prüfen des Endergebnisses
Aktualisiert live
ja
ja

Häufig gestellte Fragen

HTML Code zeigt den rohen Code zum Kopieren und Einsetzen im eigenen Projekt. Preview zeigt, wie dieses HTML visuell gerendert aussieht. Beide aktualisieren sich in Echtzeit während der Eingabe.

Weiterführende Links

Verwandte Tools