Markdown zu HTML Konverter – Editor mit Live-Vorschau

So nutzt du: Markdown zu HTML Konverter

1Tippen oder fügen Sie Markdown in den linken Editor ein oder beginnen Sie mit dem Beispiel.

2Lassen Sie GitHub Flavored Markdown für Tabellen, Aufgabenlisten und durchgestrichenen Text aktiviert und aktivieren Sie Zeilenumbrüche, wenn einzelne Zeilenumbrüche zu
-Tags werden sollen.

3Wechseln Sie zwischen Vorschau und HTML, um das gerenderte Ergebnis oder den generierten Code zu sehen.

4Kopieren Sie das HTML in Ihre Website, Ihr CMS oder Ihre E-Mail, oder laden Sie eine vollständig formatierte .html-Seite herunter.

Markdown in HTML umwandeln mit Live-Vorschau

Mit Markdown können Sie formatierten Text schnell und mit einfachen Symbolen schreiben, ohne sich mit HTML-Tags herumschlagen zu müssen. Wenn Sie das HTML benötigen – für eine Website, ein CMS, das kein Markdown unterstützt, eine E-Mail-Vorlage oder eine README-Datei, die Sie in der Vorschau ansehen möchten – erledigt dieser Konverter das sofort. Tippen Sie links, und sehen Sie rechts das gerenderte Ergebnis oder den sauberen HTML-Code. Alles geschieht direkt in Ihrem Browser.

Funktionen

Live-Vorschau, die sich während des Tippens aktualisiert.
GitHub Flavored Markdown: Tabellen, Aufgabenlisten, durchgestrichener Text, automatische Links und Codeblöcke.
Optionale Zeilenumbrüche – wandeln Sie einzelne Zeilenumbrüche in <br>-Tags um.
Saubere HTML-Ausgabe ohne Inline-Styles oder zusätzliche Wrapper, bereit zum Einfügen an beliebiger Stelle.
Download als vollständige Seite mit einem einfachen, gut lesbaren Stylesheet.
Sichere Vorschau in einem Sandboxed-Frame, der Skripte blockiert.

Markdown-Spickzettel

Markdown	Ergebnis
`# Überschrift 1` / `## Überschrift 2`	Überschriften
`fett` / `kursiv`	fett / kursiv
`[Link](https://example.com)`	Ein Link
`![Alt-Text](image.png)`	Ein Bild
`- Punkt` oder `1. Punkt`	Ungeordnete oder nummerierte Liste
`> Zitat`	Blockzitat
`Code`	Inline-Code
``` in den Zeilen davor und danach	Codeblock
`---`	Horizontale Linie
`- [ ] Aufgabe`	Aufgabenlistenpunkt (GFM)
`~~Text~~`	Durchgestrichen (GFM)

Tabellen werden mit senkrechten Strichen und einer Trennzeile aus Bindestrichen geschrieben. Doppelpunkte in der Trennzeile richten die Spalten aus: :--- links, :---: zentriert, ---: rechts.

Häufige Anwendungsfälle

Blogs und CMS, die HTML, aber kein Markdown akzeptieren.
E-Mail-Newsletter – in Markdown schreiben, das HTML in Ihr E-Mail-Programm einfügen.
Vorschau von READMEs und Dokumentationen, bevor Sie sie auf GitHub oder GitLab pushen.
Umwandlung von Notizen aus Obsidian, Notion-Exporten oder anderen Markdown-Apps in Webseiten.
HTML lernen, indem Sie sehen, welche Tags die einzelnen Markdown-Konstrukte erzeugen.

Tipps

Lassen Sie eine Leerzeile zwischen Absätzen, Listen und Überschriften – das vermeidet die meisten Formatierungsüberraschungen.
Rücken Sie verschachtelte Listenelemente einheitlich um zwei oder vier Leerzeichen ein.
Fügen Sie nach dem öffnenden Code-Begrenzer einen Sprachnamen hinzu (z. B. ```js), damit Syntax-Highlighter auf Ihrer Website den Code farblich hervorheben können.

Um die Wörter in Ihrem Text zu zählen, verwenden Sie den Wortzähler. Für strukturierte Daten validiert und formatiert der JSON Formatter JSON-Code.

Häufige Fragen

Was ist Markdown?

Markdown ist eine einfache Textformatierungs-Syntax, die leicht zu lesen und zu schreiben ist. Sie verwenden Symbole wie

Was ist GitHub Flavored Markdown (GFM)?

GFM ist eine weit verbreitete Erweiterung des Standard-Markdowns. Es fügt Tabellen, Aufgabenlisten (- [ ] und - [x]), durchgestrichenen Text (~~Text~~), automatische Links für URLs und eingezäunte Codeblöcke hinzu. Deaktivieren Sie es, wenn Sie eine strikte CommonMark-Ausgabe benötigen.

Warum erscheinen einzelne Zeilenumbrüche nicht in der Ausgabe?

In Standard-Markdown wird ein einzelner Zeilenumbruch innerhalb eines Absatzes als Leerzeichen behandelt. Sie benötigen eine Leerzeile, um einen neuen Absatz zu beginnen, oder zwei Leerzeichen am Ende einer Zeile für einen Zeilenumbruch. Aktivieren Sie Zeilenumbrüche, um jeden Zeilenumbruch in ein <br>-Tag umzuwandeln, wie es bei GitHub-Kommentaren der Fall ist.

Bleibt rohes HTML in meinem Markdown erhalten?

Ja. Markdown erlaubt Inline-HTML, und es wird an die Ausgabe weitergegeben. Die Vorschau läuft in einem Sandboxed-Frame, der Skripte blockiert, sodass eingefügte Inhalte auf dieser Seite keinen Code ausführen können. Wenn Sie HTML aus nicht vertrauenswürdigen Quellen auf Ihrer eigenen Website veröffentlichen, bereinigen Sie es dort.

Enthält das HTML auch Stile?

Das kopierte HTML enthält nur das Inhalts-Markup und übernimmt daher die Stile Ihrer Website. Die heruntergeladene .html-Datei ist eine vollständige Seite mit einem kleinen, gut lesbaren Stylesheet, praktisch zum Teilen oder Drucken.