Markdown-zu-HTML-Konverter
Markdown mit Live-Vorschau in HTML umwandeln oder HTML in sauberes Markdown verwandeln, einschließlich Tabellen und Codeblöcken.
Markdown-zu-HTML-Konverter - und HTML zurück in Markdown
Schreiben Sie Markdown oder fügen Sie es ein, und sehen Sie es beim Tippen gerendert, das zugehörige HTML nur einen Klick entfernt. Oder gehen Sie den umgekehrten Weg: Fügen Sie HTML aus einer Webseite, einem CMS oder einer E-Mail ein und erhalten Sie sauberes Markdown für eine README, ein Wiki oder eine statische Website. Tabellen, Aufgabenlisten, Durchstreichen und umzäunte Codeblöcke aus GitHub Flavored Markdown funktionieren in beide Richtungen, und alles läuft in Ihrem Browser.
In Markdown schreiben Entwickler Dokumentation, darin speichern viele Notiz-Apps ihren Text, und damit formatieren GitHub, GitLab und Stack Overflow Beiträge. HTML ist das, was der Browser braucht. Von Hand zwischen beiden umzuwandeln ist mühsam und fehleranfällig.
So funktioniert es
- Wählen Sie Markdown → HTML oder HTML → Markdown.
- Geben Sie Ihren Text ein oder fügen Sie ihn ein; das Ergebnis aktualisiert sich beim Tippen.
- Wechseln Sie bei Markdown zwischen Vorschau und HTML; haken Sie Vollständige HTML-Seite an, um ein komplettes Dokument zu erhalten.
- Klicken Sie auf Kopieren oder Herunterladen. Beim Wechsel der Richtung wird das Ergebnis übernommen, sodass Sie hin und zurück umwandeln können.
Markdown-Syntax auf einen Blick
| Markdown | Ergebnis |
|---|---|
# Title, ## Section | Überschriften der Ebenen 1 und 2 |
**bold**, *italic*, ~~struck~~ | Fett, kursiv, durchgestrichen |
[text](https://example.com) | Ein Link |
 | Ein Bild |
- item oder 1. item | Aufzählung oder nummerierte Liste |
- [x] done | Ein Eintrag einer Aufgabenliste |
`code` und umzäunte Blöcke mit ``` | Inline-Code und Codeblöcke |
| a | b |-Zeilen mit einer |---|-Zeile | Eine Tabelle |
> quote | Ein Zitatblock |
Zeilenumbrüche
In Standard-Markdown wird ein einzelner Zeilenumbruch innerhalb eines Absatzes ignoriert; für einen neuen Absatz brauchen Sie eine Leerzeile, für einen Umbruch zwei Leerzeichen am Zeilenende. Viele erwarten, dass jeder Zeilenumbruch sichtbar wird, weil sich GitHub-Kommentare so verhalten. Haken Sie Einfache Zeilenumbrüche beibehalten an, um genau dieses Verhalten zu bekommen.
HTML in Markdown
Eingefügtes HTML wird umgewandelt: Überschriften, Absätze, Links, Bilder, Listen, Tabellen, Zitatblöcke und Codeblöcke werden zu ihren Markdown-Entsprechungen. Skripte, Styles und alles, was Markdown nicht ausdrücken kann, etwa Farben oder Layout, fallen weg, und das ist meist genau das, was Sie wollen, wenn Inhalte in eine README oder eine Dokumentationsseite wandern. Sie können zwischen Überschriften mit Rautezeichen und unterstrichen wählen und das Listenzeichen festlegen.
Sicherheit
Markdown kann rohes HTML enthalten, auch Skripte. Die Vorschau erscheint in einem abgeschotteten Frame (Sandbox), in dem keine Skripte laufen können und der diese Seite nicht erreicht, ein eingefügtes Dokument kann hier also keinen Schaden anrichten. Die HTML-Ausgabe wird allerdings nicht bereinigt: Stammt das Markdown von jemandem, dem Sie nicht vertrauen, bereinigen Sie das HTML, bevor Sie es auf einer Website veröffentlichen.
Verwandte Tools
Um das entstandene HTML einzurücken oder zu minifizieren, nutzen Sie den Code Formatter. Um die Wörter in Ihrem Dokument zu zählen, nutzen Sie den Wortzähler. Die Aufgabenseiten öffnen dieses Werkzeug für eine bestimmte Aufgabe: HTML in Markdown und Markdown-Vorschau.