Markdown-Vorschau
Ihr Markdown beim Tippen dargestellt sehen, in Ihrem Browser, mit jedem Stück rohem HTML maskiert statt ausgeführt.
Läuft vollständig in Ihrem Browser. Nichts wird hochgeladen, protokolliert oder gespeichert.
Das HTML, das dabei entsteht
Schreiben Sie links Markdown und lesen Sie es rechts. Alles geschieht in Ihrem Browser, ein Entwurf, den Sie noch niemandem zeigen wollen, muss also nicht erst einem Server gezeigt werden.
Wie es funktioniert
Das Dokument wird Zeile für Zeile in Blöcke gelesen — Überschriften, Absätze, Listen, Zitate, Code, Tabellen — und dann wird der Text jedes Blocks auf die Inline-Stücke hin gelesen: Hervorhebung, Code-Spannen, Links und Bilder. Was der Renderer nicht erkennt, bleibt Text.
Rohes HTML wird maskiert statt durchgereicht. Schreiben Sie ein Tag, sehen Sie das Tag. Das ist eine bewusste Abweichung von den meisten Renderern, die eine kuratierte Teilmenge erlauben — und der Grund ist, dass diese Teilmenge richtig zu kuratieren eine Arbeit ist, die bei weit größeren Projekten wiederholt schiefgegangen ist.
Ein Link entsteht nur, wenn seine Adresse mit einem Schema aus einer kurzen Liste beginnt, geprüft an der dekodierten Form der Adresse und nicht an dem, was getippt wurde. Wird er abgelehnt, bleibt der Text und der Link nicht, damit Sie sehen können, dass dort etwas war.
Beispiele
| Fall | Eingabe | Ergebnis |
|---|---|---|
| Hervorhebung und Code im Fließtext | **bold**, *italic* and `code`. | <p><strong>bold</strong>, <em>italic</em> and <code>code</code>.</p> |
Häufige Fragen
Wird mein Dokument irgendwohin gesendet?
Nein. Der Renderer ist JavaScript, das in dieser Seite läuft. Nichts wird hochgeladen, nichts protokolliert und nichts gespeichert — Sie können Ihre Netzwerkverbindung abschalten, und das Tool arbeitet weiter.
Warum erscheint mein HTML als Text?
Weil es mit Absicht maskiert wird. Markdown erlaubt einem Dokument, HTML zu enthalten, und dieses HTML durchzulassen heißt zu entscheiden, welche Tags und Attribute unbedenklich sind — eine Entscheidung, die fein ist, die sich mit den Browsern ändert und die gut ausgestattete Projekte mehr als einmal falsch getroffen haben. Alles zu maskieren hat diesen Fehlermodus nicht. Der Preis ist, dass ein Dokument, das sich auf Inline-HTML stützt, nicht so aussieht wie auf GitHub, und das ist der Tausch, der hier gemacht wird.
Ist das genau CommonMark?
Nein, und das zu behaupten wäre irreführend. Es ist eine Teilmenge, dazu Tabellen, Aufgabenlisten und Durchstreichen aus GitHubs Spielart. Abgedeckt sind Überschriften, Absätze, Hervorhebung, Code-Spannen und -Blöcke, Links, Bilder, verschachtelte Listen, Zitate und Linien. Referenz-Links, Fußnoten und HTML-Blöcke sind nicht umgesetzt.
Warum erscheinen entfernte Bilder nicht?
Weil diese Seite sich selbst nicht erlaubt, Bilder von anderen Seiten zu laden. Eines zu holen würde jenem Server sagen, dass Sie dieses Dokument lesen, und wann — und genau das ist das Leck, das eine lokale Vorschau vermeiden soll. Das Bild-Tag steht in der HTML-Ausgabe, es funktioniert also überall, wo Sie es einfügen; es feuert nur nicht von hier.
Was passiert mit einem Link wie javascript:…?
Daraus wird kein Link. Das Schema wird gegen eine kurze Liste geprüft — http, https, mailto, tel, ftp oder gar kein Schema für einen relativen Pfad —, und die Prüfung läuft auf der dekodierten Adresse, denn ein Browser löst die Entitäten in einem Attribut auf, bevor er danach handelt. Der Text des Links bleibt sichtbar, damit Sie sehen, was dort war.
Gut zu wissen
- Das HTML, das die Vorschau zeigt, ist das HTML, das das Tool Ihnen gibt. Es gibt eine Ausgabe, nicht eine sichere zur Anzeige und eine andere zum Kopieren.
- Überschriften bekommen kein id-Attribut. Eine aus Ihrem Dokument genommene Id teilte sich einen Namensraum mit denen dieser Seite, und eine Kollision würde die Seite um die Vorschau herum zerbrechen.
- Links auf andere Seiten tragen rel="nofollow noopener noreferrer", eine von hier geöffnete Seite bekommt also keinen Griff auf diese.