Markdown in HTML umwandeln
Geben Sie Markdown ein oder fügen Sie es ein und erhalten Sie schon beim Tippen sauberes HTML, mit einer Vorschau, wie es aussehen wird.
Läuft vollständig in Ihrem Browser
Geben Sie Markdown ein oder fügen Sie es ein, um zu beginnen.
Markdown bis etwa 5 MB, eingetippt, eingefügt oder aus einer .md- oder .txt-Datei. Das Ergebnis aktualisiert sich während der Eingabe.
So wandeln Sie Markdown in HTML um
- Geben Sie Ihr Markdown ein, fügen Sie es ein oder öffnen Sie eine .md-Datei.
- Lesen Sie das HTML rechts ab oder wechseln Sie zur Vorschau, um es gerendert zu sehen. Aktivieren Sie die Option für ein vollständiges Dokument, wenn Sie eine komplette Seite brauchen.
- Kopieren Sie das HTML oder laden Sie es als .html-Datei herunter.
Wie aus Markdown HTML wird
Markdown ist eine Art, formatierten Text mit einfachen Zeichen zu schreiben: Ein # beginnt eine Überschrift, **zwei Sternchen** machen Text fett, eine Zeile mit einem Strich am Anfang ist ein Listeneintrag. So sind README-Dateien geschrieben, viele Notiz-Apps und die meisten Entwicklerforen. Browser, E-Mail-Vorlagen und Content-Systeme erwarten aber HTML, also muss das Markdown irgendwann in HTML umgewandelt werden.
Dieser Konverter folgt CommonMark mit den Erweiterungen von GitHub Flavored Markdown, sodass Tabellen, Aufgabenlisten und Durchstreichen so funktionieren wie auf GitHub. Das erzeugte HTML durchläuft anschließend einen Sanitizer, der alles entfernt, was beim Anzeigen des HTML Code ausführen könnte, und normale Formatierung unangetastet lässt.
Der Vorschau-Tab zeigt dasselbe HTML gerendert auf der Seite. Links öffnen sich in einem neuen Tab, und Bilder, die anderswo gehostet sind, werden als Platzhalter angezeigt statt abgerufen, sodass nichts, was Sie schreiben, während der Arbeit an eine andere Website gesendet wird.
Tipps
- Sie haben HTML und möchten stattdessen Markdown? Nutzen Sie HTML in Markdown.
- Prüfen Sie die Länge eines Beitrags mit Wörter zählen.
- Vergleichen Sie zwei Entwürfe mit Texte vergleichen.
Häufige Fragen
Wird mein Text hochgeladen?
Nein. Das Markdown wird in Ihrem Browser mit der Open-Source-Bibliothek marked umgewandelt, und nichts wird irgendwohin gesendet oder gespeichert.
Welche Markdown-Syntax wird unterstützt?
CommonMark plus die GitHub-Erweiterungen: Tabellen, Aufgabenlisten (- [x] done), Durchstreichen mit ~~, umzäunte Codeblöcke und automatische Links. Einfache Zeilenumbrüche werden wie in Standard-Markdown zu einem Absatz zusammengeführt; aktivieren Sie Zeilenumbrüche werden zu <br>, um sie zu behalten, wie es GitHub-Kommentare tun.
Kann ich das HTML gefahrlos auf einer Website verwenden?
Es wird mit der Open-Source-Bibliothek DOMPurify bereinigt, bevor Sie es sehen. Skripte, Event-Handler wie onerror, javascript:-Links, iframes und eingebettete Objekte werden entfernt, und die Zeile unter dem Ergebnis listet auf, was herausgenommen wurde. Normales HTML innerhalb des Markdowns, etwa <details> oder <sup>, bleibt erhalten. Wie bei allen Inhalten von anderen sollten Sie die Schutzmaßnahmen Ihrer eigenen Website beibehalten.
Warum erscheint ein Bild in der Vorschau als Platzhalter?
Die Vorschau lädt nie etwas von einer anderen Website, damit Ihr Text dieser Website nicht preisgegeben wird und die Seite privat bleibt. Bilder von Webadressen erscheinen als beschrifteter Platzhalter mit ihrer Adresse. Der HTML-Code enthält trotzdem das normale <img>-Tag, sodass das Bild überall dort angezeigt wird, wo Sie es veröffentlichen.
Was fügt die Option für ein vollständiges Dokument hinzu?
Eine komplette Seite rund um das HTML: einen Doctype, einen <head> mit UTF-8-Zeichensatz, ein Viewport-Tag für Mobilgeräte und einen Titel aus der ersten Überschrift. Lassen Sie die Option aus, wenn Sie das HTML in eine bestehende Seite oder ein CMS einfügen.
Bekommen Überschriften id-Attribute für Links?
Nein. Überschriften werden als einfache <h1>- bis <h6>-Tags ausgegeben. Wenn Sie Anker brauchen, fügen Sie die ids in der Vorlage Ihrer Website oder von Hand hinzu.