Welche Markdown-Variante?

CommonMark-Untermenge: Überschriften, Fett, Kursiv, Inline-Code, Links, Bilder, geordnete und ungeordnete Listen, Zitate, Code-Blöcke, horizontale Linien. Tabellen, verschachtelte Listen und Raw-HTML sind raus.

Markdown-zu-HTML-Konverter

Wandle Markdown in HTML um und zurück, mit Live-Vorschau.

Eingabe

Ausgabe

<h1>Hallo</h1>
<p>Dies ist ein <strong>Markdown</strong>-Beispiel mit <em>kursiv</em>, <code>Code</code> und einem <a href="https://arnaud.app">Link</a>.</p>
<ul><li>Punkt eins</li><li>Punkt zwei</li></ul>
<blockquote>Ein Zitat.</blockquote>

Vorschau

Hallo

Dies ist ein Markdown-Beispiel mit kursiv, Code und einem Link.

Punkt eins
Punkt zwei

Ein Zitat.

Markdown einfügen für HTML und Live-Vorschau. Tab wechseln zum Umkehren. Alles läuft im Browser.

So funktioniert's

Richtung wählen
Markdown zu HTML oder HTML zu Markdown.
Quelle einfügen
Beispiel ist für die aktive Richtung vorbelegt.
Ausgabe und Vorschau lesen
HTML rechts; bei Markdown -> HTML zusätzlich gestylte Live-Vorschau unten.

Was ist das?

Ein Markdown-zu-HTML-Konverter wandelt die Klartextsyntax (# für Überschriften, ** für Fett, - für Listen…) in die entsprechenden HTML-Elemente um. Die Rückrichtung ist Best-Effort - HTML ist ausdrucksstärker, daher bleibt alles, was nicht zur Markdown-Untermenge passt, unangetastet.

Wann verwenden

Blogpost in Markdown verfassen und das HTML in ein CMS ohne Markdown-Support einfügen. README in eine Webseite umwandeln. Hin- und Rückumwandlung zwischen Static-Site-Generator (Markdown) und WYSIWYG-Editor (HTML).

Häufige Fehler

GitHub-Extras (Tabellen, Task-Listen, ~~durchgestrichen~~) erwarten - hier nicht unterstützt. HTML mit Klassen/Attributen einfügen und annehmen, sie überleben den Round-Trip - sie gehen verloren. Und den Konverter als HTML-Sanitizer behandeln - ist er nicht; nie ungeprüftes HTML einfügen und ungesäubert in eine Seite einbauen.

FAQ

Welche Markdown-Variante?: CommonMark-Untermenge: Überschriften, Fett, Kursiv, Inline-Code, Links, Bilder, geordnete und ungeordnete Listen, Zitate, Code-Blöcke, horizontale Linien. Tabellen, verschachtelte Listen und Raw-HTML sind raus.