Markdown beim Tippen in sauberes HTML umwandeln. Markdown einfügen oder schreiben und das erzeugte HTML kopieren, mit GitHub-Tabellen, Aufgabenlisten, Codeblöcken und Überschriften-Ankern. Die Ausgabe wird bereinigt, Skripte und unsichere Attribute werden entfernt. Als Fragment für ein CMS kopieren oder als vollständige, gestaltete HTML-Seite herunterladen.
Anleitung
- Markdown im Editor schreiben oder eine .md-Datei ablegen, öffnen oder einfügen. Zum Start ist eine Beispiel-README geladen.
- Über die Leiste oder Tastenkürzel: fett, kursiv, Überschriften, Links, Listen, Aufgaben, Code, Zitate und Tabellen.
- In der Vorschau siehst du das Ergebnis im GitHub-Stil mit klickbarem Inhaltsverzeichnis, unter HTML den erzeugten Code.
- HTML kopieren, eine eigenständige .html-Seite mit Styles herunterladen oder die .md-Datei speichern.
- Unterstützt GitHub Flavored Markdown: Tabellen, Aufgabenlisten, Codeblöcke, Durchstreichen und Autolinks. Überschriften bekommen Anker-IDs wie auf GitHub.
- Das HTML wird bereinigt: Skripte und unsichere Attribute werden entfernt.
- Dein Entwurf wird automatisch in diesem Browser gespeichert und ist beim nächsten Besuch noch da.
- Auf breiten Bildschirmen zeigt „Geteilt“ Editor und Vorschau nebeneinander.
Wie Markdown zu HTML wird
Jedes Markdown-Element wird zu einem Standard-HTML-Element: # Überschrift wird zu h1 (## zu h2 usw.), eine Leerzeile trennt p-Absätze, Zeilen mit - oder * ergeben ul mit li, Zeilen mit 1. ein ol, **Text** wird strong und *Text* em, [Text](url) ein a-Link und  ein img mit Alternativtext. Drei Bindestriche ergeben hr, > wird blockquote, und umzäunter Code wird pre mit code und einer Klasse language-xxx, die die meisten Syntax-Highlighter erkennen.
Tabellen werden zu table mit thead und tbody, Aufgaben zu deaktivierten Kontrollkästchen wie auf GitHub.
Sicheres HTML für Website und E-Mail
Markdown darf rohes HTML enthalten, praktisch, aber riskant, wenn der Text von anderen stammt. Der Konverter schickt das Ergebnis durch einen Sanitizer, der normale Formatierung behält, aber script-Tags, Event-Handler wie onclick und javascript:-Links entfernt. Füge das Fragment in ein CMS, eine Vorlage oder einen E-Mail-Editor ein; viele E-Mail-Programme ignorieren externes CSS, einfache Überschriften, Absätze und Listen kommen daher am zuverlässigsten an.
Häufige Fragen
Wie wandle ich Markdown in HTML um?
Markdown in den Editor einfügen und zur HTML-Ansicht wechseln. Markup kopieren oder als .html-Datei herunterladen.
Ist das HTML sicher für meine Website?
Es wird bereinigt: Skripte, Event-Attribute und javascript:-Links fallen weg. Formatierung, Links, Bilder und Tabellen bleiben.
Wird GitHub Flavored Markdown unterstützt?
Ja. Tabellen, Aufgabenlisten, Durchstreichen, Autolinks und Codeblöcke werden umgewandelt, Überschriften erhalten id-Attribute im GitHub-Stil.
Kann ich eine .md-Datei umwandeln?
Ja. Datei in den Editor ziehen, öffnen oder einfügen; sie wird im Browser gelesen und nicht hochgeladen.
Was ist der Unterschied zwischen Fragment und ganzer Seite?
Das Fragment ist nur der umgewandelte Inhalt zum Einfügen in eine bestehende Seite. Die ganze Seite ergänzt html, head und Stylesheet, damit sie allein gut aussieht.