Markdown → HTML

Wandelt Markdown in HTML um: Überschriften, Fett, Kursiv, Links, Listen und Code.

HTML

Auf deiner Website einbetten

Diesen Rechner kostenlos & cookiefrei auf deiner Seite einbinden – einfach den Code kopieren:

Vorschau

Mehr dazu: Tools einbetten

Über HTTP
https://utilico.de/api/rechner/markdown-html?md=%23%20Titel%0A%0AEin%20**Beispiel**%20mit%20%5BLink%5D(https%3A%2F%2Fx.de).%0A%0A-%20Punkt%20eins%0A-%20Punkt%20zwei antwortet mit JSON – dieselben Feldnamen, ohne Anmeldung. Dabei rechnet unser Server; auf dieser Seite rechnet dein Browser. Mehr dazu: JSON-API.

Markdown → HTML wandelt Markdown-Text direkt im Browser in fertigen HTML-Code um: Aus Überschriften, Fett- und Kursivschrift, Links, Listen und Inline-Code entstehen automatisch die passenden HTML-Tags. Das brauchst du, wenn du eine Notiz, ein README oder einen Blog-Entwurf in Markdown geschrieben hast und daraus HTML für eine Webseite, einen Newsletter oder ein CMS-Feld brauchst, ohne den Code von Hand zu tippen.

So funktioniert Markdown → HTML

Trage deinen Markdown-Text in das Feld Markdown ein, zum Beispiel eine Zeile # Titel gefolgt von einem Absatz mit einem **wichtigen** Wort. Das Tool wandelt den Text bei jedem Tastendruck sofort in HTML um und zeigt das Ergebnis darunter in einem Codefeld mit „Kopieren“-Button, ganz ohne separaten Klick auf „Umwandeln“. Lässt du das Feld leer, erscheint der Hinweis „Bitte Markdown einfügen.“

Die Umwandlung arbeitet zeilenweise: Jede Zeile wird einzeln daraufhin geprüft, ob sie eine Überschrift, ein Listenpunkt oder ein normaler Absatz ist.

Welche Markdown-Elemente werden erkannt

Erkannt werden Überschriften von # Titel (ergibt h1) bis ###### Titel (h6), außerdem **fett** für fett, *kursiv* für kursiv, Inline-Code in Backticks sowie Links der Form [Text](URL). Zeilen, die mit einem Bindestrich oder Sternchen und einem Leerzeichen beginnen, werden zu Punkten einer Liste.

Spitze Klammern und das Et-Zeichen in deinem Text wandelt das Tool automatisch in HTML-Entitäten um, damit aus versehentlich eingefügtem HTML kein kaputter Code entsteht.

Grenzen: Was nicht umgewandelt wird

Nummerierte Listen wie 1. Punkt erkennt das Tool nicht als Liste – die Ziffer bleibt als normaler Text in einem eigenen Absatz stehen. Auch Bildsyntax ![Alt](bild.png) ergibt kein Bild: Das Ausrufezeichen bleibt einfach vor dem daraus erzeugten Link stehen.

Nicht unterstützt werden außerdem Codeblöcke mit dreifachen Backticks, Zitate mit >, Tabellen und verschachtelte Listen. Zwei aufeinanderfolgende Textzeilen ohne Leerzeile dazwischen werden außerdem zu zwei getrennten <p>-Absätzen statt zu einem gemeinsamen zusammengeführt.

Beispiel

Aus der Überschrift ## Einkaufsliste, dem Satz Bitte *frisch* einkaufen, dann `git status` nicht vergessen. und den zwei Listenzeilen - Milch sowie - Brot macht das Tool: <h2>Einkaufsliste</h2>, danach <p>Bitte <em>frisch</em> einkaufen, dann <code>git status</code> nicht vergessen.</p> und schließlich eine Liste <ul><li>Milch</li><li>Brot</li></ul>.

Häufige Fragen

Werden meine Eingaben gespeichert?

Nein. Die Umwandlung läuft vollständig lokal in deinem Browser, dein Markdown-Text wird nirgendwohin hochgeladen.

Warum wird meine nummerierte Liste (1. 2. 3.) nicht zu einer HTML-Liste?

Das Tool erkennt nur Zeilen, die mit - oder * beginnen, als Listenpunkte. Nummerierte Zeilen bleiben als normaler Text in einem eigenen Absatz stehen.

Warum erscheint HTML, das ich in mein Markdown schreibe, nur als Text?

Das Tool wandelt < und > automatisch in HTML-Entitäten um, damit eingefügtes HTML nicht ungeprüft als Code landet. Ein eingegebenes <b> bleibt deshalb als sichtbarer Text stehen, statt fett dargestellt zu werden.

Warum wird aus meiner Bildsyntax kein Bild?

Bildsyntax wie ![Alt](bild.png) wird nicht erkannt. Es entsteht kein Bild-Element, sondern nur ein Link mit vorangestelltem Ausrufezeichen.

Warum stehen zwei aufeinanderfolgende Textzeilen in getrennten Absätzen?

Das Tool erzeugt für jede Textzeile, die keine Überschrift oder Liste ist, ein eigenes Absatz-Element – auch ohne Leerzeile dazwischen. Für einen gemeinsamen Absatz muss der Text in einer einzigen Zeile stehen.