Kostenlose Markdown Preview — Live HTML-Vorschau

Markdown-Entwurf

Live-Vorschau

Markdown Preview Beispiele

Markdown schreiben und die gerenderte HTML sehen. Beispiel:

Beispiel: Abo-Plan

Markdown-Eingabe

Gerenderte HTML:

HTML-Ausgabe

Klicken Sie auf die Schaltfläche Beispiel oben, um weitere Beispiele in den Editor zu laden.

Was ist Markdown Preview?

Markdown ist Klartext mit Syntax für Überschriften, Listen und Links. Markdown Preview ermöglicht das Schreiben und die Live-Anzeige der gerenderten HTML. Die CommonMark-Spezifikation definiert die Syntax.

Dieses Tool läuft vollständig in Ihrem Browser. Nichts wird an einen Server gesendet. HTML kopieren oder herunterladen für die Verwendung anderswo. Zum Formatieren von Markdown nutzen Sie den Markdown Formatierer. Nur für die Konvertierung: Markdown zu HTML.

So verwenden Sie dieses Tool

Einfügen oder Hochladen

Kopieren Sie Ihr Markdown und fügen Sie es in den linken Editor ein. Sie können auch auf Hochladen klicken, um eine .md- oder .markdown-Datei zu laden. Die Schaltfläche Beispiel lädt Beispieldaten.

Live-Vorschau prüfen

Das rechte Panel zeigt die gerenderte HTML. Links bearbeiten; die Vorschau aktualisiert sich in Echtzeit. Nutzen Sie HTML kopieren oder HTML herunterladen für die Ausgabe.

Kopieren oder Herunterladen

Nutzen Sie HTML kopieren oder HTML herunterladen für die gerenderte Ausgabe. Zum Formatieren oder Validieren den Markdown Formatierer oder Markdown Validator.

Wann Markdown Preview hilft

Beim Schreiben von Dokumentation, READMEs für GitHub oder Inhalten mit sofortigem Feedback zeigt die Live-Vorschau genau die Darstellung. Die GFM-Spezifikation definiert Tabellen und Aufgabenlisten. Ideal für Jekyll, Hugo oder Dokumentation. Für einen vollständigen Editor mit Download-Optionen: Markdown Editor.

Häufig gestellte Fragen

Was bedeutet Markdown „rendern" eigentlich?

Rendern wandelt die Markdown-Syntax im Klartext — wie **fett** oder # Überschrift — in echte HTML-Elemente wie <strong> und <h1> um. Dieses Tool rendert dein Markdown in Echtzeit, damit du genau siehst, wie es veröffentlicht aussieht.

Welche Markdown-Spezifikation folgt dieses Tool?

Die Vorschau folgt der CommonMark-Spezifikation, dem am weitesten verbreiteten Markdown-Standard. Unterstützt werden auch GitHub Flavored Markdown (GFM)-Erweiterungen wie Tabellen, Aufgabenlisten und Durchstreichen.

Kann ich damit README-Dateien in der Vorschau anzeigen?

Auf jeden Fall. Füge deinen README-Markdown in den Editor ein und die Vorschau zeigt dir, wie er gerendert wird — einschließlich GFM-Tabellen und Aufgabenlisten wie auf GitHub. Eine schnelle Möglichkeit, Formatierungsprobleme vor dem Commit zu erkennen.

Werden meine Inhalte an einen Server gesendet?

Nein — alles läuft lokal in deinem Browser. Dein Markdown verlässt nie dein Gerät. Es gibt keine Uploads, keine Konten und kein Tracking. Komplett privat.

Was ist mit rohem HTML?

Roh-HTML in Markdown wird typischerweise an die Vorschau durchgereicht. Für die Konvertierung von HTML zu Markdown: HTML zu Markdown.

Markdown Preview