Mit Markdown schreibst du formatierten Text mit einfachen Zeichen — # für eine Überschrift, - für einen Aufzählungspunkt, **fett** für Betonung. HTML ist die getaggte Auszeichnung, die Browser tatsächlich rendern. Markdown in HTML umzuwandeln macht aus deiner Kurzschrift <h1>, <ul> und <strong>; der umgekehrte Weg macht aus unübersichtlichem HTML wieder sauberes Markdown.
Was aus Markdown wird
| Markdown | HTML |
|---|---|
# Titel | <h1>Titel</h1> |
- Punkt | <ul><li>Punkt</li></ul> |
**fett** | <strong>fett</strong> |
[Text](url) | <a href="url">Text</a> |
```Code``` | <pre><code>Code</code></pre> |
Ein Konverter durchläuft dein Markdown und gibt die passenden Tags aus. Die meisten Tools folgen GitHub-Flavored Markdown, das zusätzlich zur ursprünglichen Spezifikation Tabellen, Aufgabenlisten und umzäunte Codeblöcke unterstützt.
Markdown zu HTML
Das ist die übliche Richtung: Du hast ein README oder einen Blogbeitrag in Markdown geschrieben und brauchst HTML für eine Seite, eine E-Mail oder ein CMS. Markdown einfügen, umwandeln, HTML kopieren. Eine Vorschau hilft dir zu prüfen, ob die Formatierung stimmt, bevor du es verwendest.
HTML zu Markdown
Die Umkehrung ist praktisch zum Aufräumen. Kopiere einen Abschnitt einer Webseite, und er kommt als Gewirr aus <div>s und Inline-Styles an; die Umwandlung in Markdown reduziert ihn auf die Wörter und die Struktur, die du für Notizen oder Dokumentation wirklich willst. HTML-eigene Details — Inline-CSS, komplexe verschachtelte Tabellen — lassen sich nicht immer in Markdown ausdrücken und werden vereinfacht.
Häufige Markdown-Fallstricke
Die meisten „Warum wird das nicht gerendert?”-Momente kommen von wenigen Gewohnheiten:
- Vor Listen gehört eine Leerzeile. Klebt eine Liste direkt unter einem Absatz, behandeln viele Parser alles als einen Absatz. Erst eine Zeile frei lassen.
- Ein einzelner Zeilenumbruch wird meist ignoriert. Markdown faltet einen Umbruch zu einem Leerzeichen. Für einen harten Umbruch die Zeile mit zwei Leerzeichen beenden oder eine Leerzeile für einen neuen Absatz setzen.
- Unterstriche in Wörtern können kursiv machen. In manchen Dialekten wird bei
snake_case_nameder mittlere Teil kursiv. In Backticks setzen oder die Unterstriche escapen:snake\_case\_name. - Vier Leerzeichen Einrückung ergeben einen Codeblock. Versehentliche Einrückung verwandelt Text still in
<pre>-Ausgabe.
Häufige Fragen
Ist Markdown standardisiert? Am nächsten kommt CommonMark, ergänzt durch GitHub-Flavored Markdown mit Tabellen, Aufgabenlisten und Durchstreichung. Die Dialekte unterscheiden sich — eine Fußnote, die auf einer Seite funktioniert, tut es auf einer anderen vielleicht nicht.
Darf HTML in Markdown stehen? Ja — die meisten Renderer reichen rohes HTML einfach durch, praktisch für ein <sub> oder <details>, das Markdown nicht ausdrücken kann. Sanitizing-Renderer entfernen es unter Umständen.
Enthält die Ausgabe <html> und <body>? Nein. Konverter geben ein HTML-Fragment aus — nur die <h1>, <p> und so weiter. Für eine eigenständige Seite selbst in ein vollständiges Dokument einbetten. Eine andere, weit strengere Auszeichnungssprache stellt unser Leitfaden zu XML vor.
Übersteht Text den Hin- und Rückweg? Grundstrukturen — Überschriften, Listen, Links und Betonung — ja. HTML-eigene Feinheiten wie Inline-CSS oder tief verschachtelte Tabellen gehen bei der Rückumwandlung nach Markdown verloren, weil Markdown sie schlicht nicht ausdrücken kann.
Privat, direkt im Browser
Der Markdown-⇄-HTML-Konverter läuft komplett auf deinem Gerät — nichts wird hochgeladen — und zeigt eine Sandbox-Live-Vorschau, die das Layout rendert, ohne Skripte auszuführen. Wandle in beide Richtungen um, sieh dir die Vorschau an und kopiere oder lade herunter.
Verwandte Tools
- Behältst du beim Schreiben die Länge im Blick? Nutze den Wortzähler.
- Eingefügter Text voller Zeilenumbrüche? Räume ihn mit dem Text-Reiniger auf.