Zum Hauptinhalt springen
Tooletto

Markdown-Vorschau

Eine Voreinstellung von Markdown zu HTML

Tippen Sie Markdown und sehen Sie es sofort gerendert. Nützlich, um ein README, eine Pull-Request-Beschreibung, oder Dokumentation vor dem Committen zu verfassen — mit der in einem Rahmen isolierten Vorschau, damit eingefügter Inhalt nichts ausführen kann.

  • Dateien verlassen niemals Ihr Gerät
  • Kostenlos, keine Anmeldung
  • Keine Wasserzeichen
  • Funktioniert nach dem Laden auch offline
Loading tool…

So verwenden Sie Markdown zu HTML

  1. 1

    Markdown tippen oder einfügen

    HTML und Vorschau aktualisieren beim Tippen.

  2. 2

    Vorschau prüfen

    Gerendert in einem isolierten Rahmen, daher kann eingefügter Inhalt keine Skripte ausführen.

  3. 3

    HTML kopieren

    Kopieren Sie das Markup oder laden Sie es als .html-Datei herunter.

Warum das Verfassen mit Vorschau besser ist, als rohe Syntax zu erraten

Der ganze Reiz von Markdown ist, dass es als Klartext geschrieben und gelesen werden kann, aber genau diese Einfachheit ist es, was bestimmte Fehler unsichtbar macht, bis sie gerendert werden — eine Tabelle, der ein vertikaler Strich in ihrer Trennzeile fehlt, fällt still zurück, als flacher Absatz statt einer Tabelle angezeigt zu werden, eine verschachtelte Liste, eingerückt mit der falschen Anzahl Leerzeichen, wird an das falsche Elternelement angehängt, und es gibt keine Fehlermeldung für beide Probleme, nur eine Ausgabe, die still nicht so aussieht wie beabsichtigt. Das echte gerenderte Ergebnis kontinuierlich beim Tippen aktualisieren zu sehen erkennt genau diese Art von Formatierungsfehler in dem Moment, in dem er eingeführt wird, was deutlich schneller ist, als ein ganzes README oder eine Pull-Request-Beschreibung blind zu schreiben und erst zu entdecken, dass die Formatierung kaputtging, nachdem es bereits irgendwo veröffentlicht wurde.

Für ein bestimmtes Ziel verfassen

GitHub, eine Dokumentations-Website, und ein Forenbeitrag können denselben Markdown-Quellcode bei Randfällen leicht unterschiedlich rendern, selbst wenn sie alle weithin GFM unterstützen, daher lohnt sich das Prüfen vor der Veröffentlichung besonders, wenn das Ziel eines ist, bei dem ein Rendering-Fehler für ein großes Publikum sichtbar wäre — ein öffentliches README, eine Ankündigung, oder eine Pull-Request-Beschreibung, die Prüfer wirklich aufmerksam lesen werden.

Häufig gestellte Fragen

Welche Markdown-Variante wird unterstützt?

GitHub Flavored Markdown: Tabellen, umzäunte Codeblöcke, Aufgabenlisten, Durchstreichung und Auto-Links, oben auf dem CommonMark-Kern. Das ist der Dialekt, den GitHub, Reddit und die meisten statischen Website-Generatoren verwenden.

Ist es sicher, Markdown aus einer nicht vertrauenswürdigen Quelle einzufügen?

Die Vorschau wird in einem isolierten iframe mit deaktivierten Skripten gerendert, daher können eingebettete `<script>`-Tags und Event-Handler nicht ausgeführt werden. Beachten Sie, dass das *generierte HTML* weiterhin jedes rohe HTML enthält, das in Ihrem Markdown war — bereinigen Sie es serverseitig, bevor Sie Inhalt veröffentlichen, den Sie nicht selbst geschrieben haben.

Unterstützt es rohes HTML innerhalb von Markdown?

Ja — Markdown erlaubt Inline-HTML und überträgt es unverändert. Das ist es, was den obigen Bereinigungshinweis wichtig macht, wenn die Quelle nicht vertrauenswürdig ist.

Warum wird meine Tabelle nicht gerendert?

GFM-Tabellen brauchen eine Bindestrich-Trennzeile unter der Kopfzeile, und eine vorausgehende leere Zeile, wenn die Tabelle einem Absatz folgt. Ein einzelner fehlender vertikaler Strich in der Trennzeile verwandelt alles still zurück in Klartext.