Markdown-Vorschau
Kostenlose Markdown-Vorschau mit sicherer HTML-Ausgabe.
Markdown im Browser ansehen
Schreiben Sie links Markdown und betrachten Sie rechts das gesetzte Ergebnis. Die Vorschau beherrscht Überschriften, Hervorhebungen, Links, Listen, Zitate, Trennlinien und eingefasste Codeblöcke.
**Wichtig zu wissen ist, dass es für Markdown keine einzige amtliche Spezifikation gibt.** Die ursprüngliche Syntax von 2004 ließ etliche Fälle offen, weshalb GitHub, CommonMark und andere bei Einzelheiten wie verschachtelten Listen, Zeilenumbrüchen oder Unterstrichen innerhalb eines Wortes auseinandergehen: Ein Dokument, das an einer Stelle einwandfrei aussieht, kann an anderer anders gesetzt werden. Am häufigsten stolpert man über den Zeilenumbruch, denn **in den meisten Umsetzungen erzeugt ein einzelner Umbruch keinen Umbruch innerhalb des Absatzes** — dafür braucht es zwei Leerzeichen am Zeilenende oder eine Leerzeile.
Dieses Werkzeug maskiert rohes HTML vor der Anzeige, sodass eingefügte Inhalte hier keine Skripte ausführen können.
So wird die Vorschau benutzt
- Markdown einfügen oder schreiben Schreiben Sie im linken Editor; die Vorschau aktualisiert sich sofort.
- Das gesetzte Ergebnis prüfen Sehen Sie Überschriften, Listen, Links und Code vor der Veröffentlichung durch.
- Bei Bedarf das HTML kopieren Das erzeugte sichere HTML lässt sich in einen verträglichen Editor übernehmen.
Tipps für die Nutzung
- Fassen Sie Code in drei Backticks ein, damit Einrückung und Zeichen des Originals erhalten bleiben.
- Die Vorschau zeigt rohes HTML absichtlich als Text an, um das Risiko eingeschleuster Skripte zu senken.
- Tabellen und verschachtelte Listen geraten am ehesten durch die Einrücktiefe durcheinander; korrigieren Sie sie mit Blick auf die Vorschau.
Anwendungsfälle
Eine README beim Schreiben prüfen
**Was Ihr Editor zeigt und was GitHub setzt, stimmen nicht zwangsläufig überein.** So sehen Sie es vor dem Veröffentlichen.
Tabellen und verschachtelte Listen richtig hinbekommen
Wo das Ergebnis an der Stellung eines Zeichens oder der Einrücktiefe hängt, ist Hinsehen schneller als Nachdenken.
Einen Beitrag als HTML mitnehmen
**Das erzeugte HTML lässt sich unverändert kopieren** und dient gut als Entwurf für ein Redaktionssystem.
Ein Dokument als PDF weitergeben
Eine in Markdown geschriebene Anleitung oder Notizsammlung bekommt so eine Form, die man schlicht weiterreichen kann.
Die Syntax beim Schreiben lernen
**Eingabe und Ergebnis nebeneinander — man lernt jedes Zeichen dadurch, dass man es ausprobiert.**
Markdown-Begriffe
- Markdown
- Eine schlanke Syntax, die Überschriften und Hervorhebungen mit Satzzeichen auszeichnet. **Eine einzige amtliche Spezifikation gibt es nicht, und die Umsetzungen weichen voneinander ab.**
- CommonMark
- Eine Spezifikation, die die offen gelassenen Fälle festschrieb. Die meisten Umsetzungen bauen heute darauf auf.
- GitHub Flavored Markdown
- CommonMark, ergänzt um Tabellen, Durchstreichung und Aufgabenlisten. **Das Aussehen auf GitHub richtet sich danach.**
- Behandlung des Zeilenumbruchs
- **In fast allen Umsetzungen erzeugt ein einzelner Umbruch keinen Umbruch innerhalb des Absatzes.** Nötig sind zwei Leerzeichen am Zeilenende oder eine Leerzeile.
- Eingefasster Codeblock
- Ein von drei Backticks umschlossener Bereich. Der Sprachname nach der Eröffnung schaltet die Hervorhebung ein.
- Bereinigung
- Das Entfernen gefährlicher Elemente aus eingefügtem HTML. **Diese Vorschau tut es, um sicher darzustellen.**
Häufige Fragen
Warum vor dem Veröffentlichen hinsehen
Markdown schreibt sich leicht, doch ein einziges fehlendes Zeichen kann den Aufbau einer Seite verändern. Eine lebende Vorschau macht Überschriften, Links und Listen sichtbar, ehe der Text in eine README, ein Ticket, ein Wiki oder ein Redaktionssystem wandert.
Dieses Werkzeug bevorzugt eine sichere gemeinsame Teilmenge gegenüber der Ausführung beliebigen HTMLs. Das macht es ebenso brauchbar für die Prüfung von Inhalten aus zweifelhafter Quelle wie für den eigenen Entwurf.