JSON und YAML
Zwischen JSON und YAML umwandeln.
Markdown in HTML umwandeln
Schreibe Markdown und sieh die gerenderte Seite und den HTML-Code nebeneinander.
Die Vorschau erscheint hier.
Die Vorschau wird von Skripten und Event-Handlern bereinigt. Der Tab „HTML-Code“ zeigt die Ausgabe des Konverters unverändert.
Deine Dateien bleiben auf deinem Gerät
So funktioniert es
- 1Schreibe oder füge Markdown links ein oder wähle „Beispiel ausprobieren“.
- 2Prüfe den Tab „Vorschau“, um zu sehen, wie es aussieht.
- 3Wechsle zu „HTML-Code“ und kopiere ihn oder lade eine .html-Datei herunter.
- 4Passe die Optionen an, wenn Zeilenumbrüche oder Tabellen nicht richtig aussehen.
Was die Optionen bewirken
- GitHub-Stil
- Aktiviert Tabellen, Aufgabenlisten, Durchstreichen und automatische Links, wie es GitHub Flavored Markdown tut.
- Einzelner Zeilenumbruch wird zum Zeilenumbruch
- Standardmäßig verbindet Markdown Zeilen in einem Absatz. Aktiviere dies, um jeden Zeilenumbruch beizubehalten.
- Vorschau und HTML-Code
- Die Vorschau zeigt das gerenderte Ergebnis. Der HTML-Code zeigt das Markup, das du in eine Seite einfügen kannst.
Datenschutz
Alles läuft in deinem Browser. Was du einfügst, wird nie an einen Server gesendet.
Häufige Fragen
Ist die Vorschau sicher, wenn ich nicht vertrauenswürdiges Markdown einfüge?
Die Vorschau wird mit DOMPurify bereinigt, das Skripte und Event-Handler entfernt. Der Tab „HTML-Code“ ist die rohe Ausgabe des Konverters, bereinige sie also erneut, bevor du Inhalte anderer Leute auf deine Website stellst.
Folgt es CommonMark?
Ja. Es nutzt die Bibliothek marked, die den CommonMark-Regeln folgt, plus Extras im GitHub-Stil, wenn diese Option aktiv ist.
Kann ich rohes HTML innerhalb von Markdown verwenden?
Ja. Es wird an den HTML-Code durchgereicht. Die Vorschau zeigt es nach der Bereinigung.
Warum wird meine Tabelle nicht dargestellt?
Tabellen brauchen den aktivierten GitHub-Stil, eine Kopfzeile und eine Trennzeile mit mindestens drei Strichen pro Spalte, etwa |---|---|.
Bekommen Überschriften IDs zum Verlinken?
Nein. Die Ausgabe enthält einfache Tags. Füge IDs in deinem Site-Generator hinzu, wenn du Anker-Links brauchst.