Über das Markdown-Vorschau
Tippe Markdown im linken Bereich und sieh es rechts in Echtzeit gerendert — kein Speichern-Button, kein Neuladen, kein Rätselraten. Überschriften, Fett und Kursiv, Links, Bilder, nummerierte und einfache Listen, Zitate, Tabellen, Code-Blöcke und Trennlinien erscheinen genau so, wie sie später aussehen — du kannst also ein README, einen Blogpost oder eine Forumsantwort polieren, bevor du irgendwo veröffentlichst.
Er ist ein praktischer Schmierzettel, wenn dein Editor keine Vorschau hat, wenn du Markdown-Syntax lernst oder wenn du Formatierung für GitHub, Reddit, Discord oder einen Static-Site-Generator gegenchecken willst. Rohes HTML in deiner Eingabe wird escaped statt ausgeführt — eingefügter Inhalt kann also keine Skripte oder Styles in die Vorschau schleusen. Alles rendert lokal in deinem Browser, deine Entwürfe verlassen dein Gerät also nie.
Funktionen
- Editor und live gerenderte Vorschau nebeneinander
- Unterstützt Überschriften, Listen, Tabellen, Links, Bilder und Code-Blöcke
- Vorschau aktualisiert sich bei jedem Tastendruck
- Rohes HTML wird für eine sichere Vorschau escaped
- Ideal für READMEs, Blogposts und Dokumentation
- Rendert lokal — deine Entwürfe bleiben auf deinem Gerät
So zeigst du eine Markdown-Vorschau online an
- Tippe oder füge dein Markdown in den Editor-Bereich ein.
- Sieh zu, wie sich die gerenderte Vorschau beim Schreiben aktualisiert.
- Passe die Syntax an, bis die Ausgabe stimmt.
- Kopiere dein fertiges Markdown dorthin, wo es gebraucht wird.
Häufig gestellte Fragen
Welche Markdown-Syntax wird unterstützt?
Der gängige Kern: Überschriften mit #, fette und kursive Hervorhebung, Links und Bilder, nummerierte und einfache Listen, Zitate, Inline-Code und eingezäunte Code-Blöcke, Tabellen und Trennlinien. Wenn du für GitHub oder die meisten Blog-Plattformen schreibst, rendert alles Alltägliche wie erwartet.
Warum wird mein rohes HTML nicht gerendert?
HTML-Tags in deinem Markdown werden bewusst escaped und als Klartext angezeigt statt ausgeführt. Das verhindert, dass eingefügter Inhalt Skripte ausführt oder das Seitenlayout zerlegt. Erlaubt deine Zielplattform Inline-HTML, funktioniert es dort weiterhin — diese Vorschau geht nur auf Nummer sicher.
Kann ich hiermit ein GitHub-README schreiben?
Ja — ein schneller Weg, eines zu entwerfen. Die Kern-Syntax entspricht dem, was GitHub rendert, einschließlich Tabellen und eingezäunter Code-Blöcke. GitHub legt ein paar Extras obendrauf, etwa Task-Listen-Checkboxen und automatische Issue-Links — wirf also nach dem Pushen noch einen letzten Blick auf das fertige README.
Wird mein Text irgendwo gespeichert oder hochgeladen?
Nein. Das Rendern passiert vollständig in deinem Browser mit JavaScript — dein Text wird also nie an einen Server übertragen oder dort gespeichert. Schließt oder lädst du den Tab neu, ist der Entwurf weg — kopiere deine Arbeit also an einen dauerhaften Ort, wenn du eine Schreibsession beendest.
Warum verschwinden meine Zeilenumbrüche in der Vorschau?
Standard-Markdown behandelt einen einzelnen Zeilenumbruch als Leerzeichen und braucht eine Leerzeile für einen neuen Absatz. Um einen Umbruch innerhalb eines Absatzes zu erzwingen, beende die Zeile mit zwei Leerzeichen oder einem Backslash. Darüber stolpert anfangs fast jeder — Markdown verhält sich normal, das ist kein Bug.