Zum Inhalt springen

Markdown-zu-HTML-Konverter

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

Läuft in deinem Browser

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

Hallo

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

  • Punkt eins
  • Punkt zwei
Ein Zitat.

So funktioniert's

  1. Richtung wählen

    Markdown zu HTML oder HTML zu Markdown.

  2. Quelle einfügen

    Beispiel ist für die aktive Richtung vorbelegt.

  3. 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.

Mehr in dieser Kategorie