Kostenloser Markdown-Vorschau-Editor

Schreibe und sieh Markdown in Echtzeit mit HTML-Export vorab an. Kostenlos, schnell und vollständig im Browser, ohne Anmeldung.

Aktualisiert am

Share:
Home/Code Tools/Markdown Preview

Markdown Preview

Write and preview GitHub Flavored Markdown with syntax highlighting, table of contents, templates, and multiple themes.

0words(0 unique)
0chars(0 no spaces)
0sentences
1lines
0paragraphs
1min read
0 headings / 0 links / 0 images / 0 code blocks

Markdown Source

Preview

github

Start typing to see the preview...

Supported Syntax (GitHub Flavored Markdown)

Formatting

  • **bold**, *italic*, ***both***
  • ~~strikethrough~~
  • ==highlighted==
  • `inline code`
  • ~subscript~, ^superscript^

Blocks

  • # Headings (1-6)
  • > Blockquotes
  • > [!NOTE] Alerts
  • ``` Code blocks (15+ langs)
  • --- Horizontal rule

Lists & Tables

  • - Unordered lists
  • 1. Ordered lists (auto-continue)
  • - [x] Task lists
  • | Tables | with | headers |
  • Term / : Definition lists

Links & More

  • [text](url) links
  • ![alt](url) images
  • Autolinks (URLs, emails)
  • [^id] footnotes
  • :emoji: shortcodes (40+)
Keyboard shortcuts: Ctrl/Cmd+B (bold), Ctrl/Cmd+I (italic), Ctrl/Cmd+K (link), Ctrl/Cmd+S (save), Ctrl/Cmd+Z (undo), Ctrl/Cmd+Shift+Z (redo), Ctrl/Cmd+Shift+F (search), Ctrl/Cmd+/ (shortcuts help), Tab (indent), Enter (auto-continue lists)

Privacy First: All Markdown rendering happens locally in your browser. Your content is never sent to any server. Autosave uses localStorage on your device. Drag-and-drop .md files to load them instantly.

Häufig gestellte Fragen

Was ist das Markdown-Preview-Tool?

Das Markdown-Preview-Tool ist ein kostenloser Online-Editor, mit dem du Markdown schreiben und die gerenderte Ausgabe in Echtzeit sehen kannst, mit HTML-Exportfunktion.

Ist Markdown Preview kostenlos?

Ja, es ist völlig kostenlos und erfordert keine Registrierung. Das gesamte Rendering erfolgt clientseitig in deinem Browser.

Kann ich die Ausgabe als HTML exportieren?

Ja, mit dem Markdown-Preview-Tool kannst du dein gerendertes Markdown als sauberes HTML exportieren, das du direkt in deinen Webprojekten verwenden kannst.

Sind meine Daten mit diesem Tool sicher?

Absolut. Der Markdown Preview Editor verarbeitet alles clientseitig in deinem Browser. Es werden keine Daten auf einen Server hochgeladen oder dort gespeichert. Deine Inhalte bleiben jederzeit privat auf deinem Gerät.

Funktioniert der Markdown Preview Editor auf Mobilgeräten?

Ja, der Markdown Preview Editor ist vollständig responsiv und funktioniert auf Smartphones und Tablets. Du kannst ihn auf jedem Gerät mit einem modernen Webbrowser verwenden, ohne App-Download.

Muss ich ein Konto erstellen, um dieses Tool zu nutzen?

Es ist kein Konto und keine Registrierung erforderlich. Öffne einfach den Markdown Preview Editor in deinem Browser und beginne sofort mit der Nutzung. Es gibt keine Anmeldeschranken oder Nutzungsbeschränkungen.

Wie verwende ich den Markdown Preview Editor?

Gib einfach deine Eingabe in das vorgesehene Feld ein, passe die Einstellungen nach deinen Wünschen an, und das Tool verarbeitet sie sofort. Anschließend kannst du das Ergebnis in die Zwischenablage kopieren oder herunterladen.

Welche Browser werden unterstützt?

Der Markdown Preview Editor funktioniert in allen modernen Browsern, einschließlich Chrome, Firefox, Safari, Edge und Opera. Für das beste Erlebnis verwende die neueste Version deines bevorzugten Browsers.

Was ist GitHub Flavored Markdown und unterstützt dieser Editor es?

GitHub Flavored Markdown (GFM) ist der Markdown-Dialekt, den GitHub in README-Dateien, Issues und Pull Requests verwendet. Er erweitert die ursprüngliche Markdown-Spezifikation von 2004 um Extras, die klassisches Markdown nicht kennt: Tabellen aus Pipe-Zeichen und einer Trennzeile, Aufgabenlisten als "- [ ]"- und "- [x]"-Checkboxen, Durchstreichen mit doppelten Tilden sowie die automatische Verlinkung nackter URLs. Dieser Editor rendert vollständiges GFM, sodass die hier geschriebene Syntax genauso aussieht wie später in einem GitHub-Repository. Zusätzlich unterstützt er hervorgehobenen Text mit "==Markierungen==", Fußnoten, Definitionslisten und GitHub-typische Hinweiskästen wie "> [!NOTE]". Das bedeutet, Sie können hier eine README oder ein Issue entwerfen und sich auf das gerenderte Ergebnis verlassen. Tippen oder fügen Sie Ihr Markdown oben ein, um GFM live beim Schreiben gerendert zu sehen.

Warum sieht meine Markdown-Tabelle oder mein Codeblock in der Vorschau kaputt aus?

Markdown reagiert empfindlich auf Leerzeichen und Symbole, weshalb kleine Fehler, die im Rohtext unauffällig wirken, beim Rendern sichtbar werden. Eine Tabelle braucht eine Kopfzeile, eine Trennzeile aus Strichen und Pipes wie "|---|---|" sowie auf jeder Zeile die gleiche Anzahl an Pipes; fehlt die Trennzeile oder ist ein Pipe-Zeichen falsch platziert, fällt der ganze Block auf reinen Text zurück. Codeblöcke benötigen passende Dreifach-Backtick-Zäune — ein nicht geschlossener Zaun zieht alles Folgende in einen einzigen großen Codeabschnitt hinein. Listen brechen, wenn die Einrückung uneinheitlich ist oder eine Leerzeile sie unerwartet auftrennt. Eine Live-Vorschau nebeneinander ist der schnellste Weg, das zu erkennen, weil Sie den Fehler in dem Moment sehen, in dem Sie ihn tippen, statt erst nach dem Committen einer fehlerhaften README. Beobachten Sie das rechte Panel beim Bearbeiten oben und korrigieren Sie Trennzeile, Zaun oder Einrückung, bis alles sauber gerendert wird.

Wie exportiere ich Markdown als sauberes HTML oder PDF?

Sobald Ihr Dokument so aussieht, wie Sie es möchten, bietet dieser Editor mehrere Exportwege. Sie können den gerenderten HTML-Code direkt in die Zwischenablage kopieren, um ihn in ein CMS, eine E-Mail-Vorlage oder eine Webseite einzufügen, oder eine gestylte HTML-Datei herunterladen, die die Formatierung und das Theme der Vorschau beibehält. Sie können außerdem den rohen Markdown-Text als ".md"-Datei kopieren oder herunterladen, um ihn in ein Repository zu committen oder als Sicherung aufzubewahren. Für eine teilbare Kopie mit festem Layout nutzen Sie Als PDF drucken über den Druckdialog Ihres Browsers, der die gerenderte Vorschau erfasst statt des Rohtexts. Da die Umwandlung lokal in Ihrem Browser stattfindet, wird beim Export kein Text hochgeladen — private Spezifikationen und Entwürfe bleiben auf Ihrem Gerät. Schließen Sie Ihr Dokument oben ab und wählen Sie dann das Exportformat, das zum weiteren Einsatzzweck passt.

Was ist der Unterschied zwischen geteilter Ansicht, nur Quelltext und nur Vorschau?

Dieser Editor bietet drei Layouts für unterschiedliche Phasen des Schreibens. Die geteilte Ansicht zeigt Editor und Live-Vorschau nebeneinander, sodass Sie die Formatierung beim Tippen entstehen sehen — ideal, um Fehler bereits während des Entwerfens zu erkennen. Nur Quelltext blendet die Vorschau aus für ablenkungsfreies Schreiben, wenn Sie die Syntax bereits kennen und einfach eine aufgeräumte Fläche wollen. Nur Vorschau blendet den rohen Markdown-Text aus und zeigt ausschließlich das fertige, gerenderte Ergebnis — am besten geeignet zum Lesen oder Korrekturlesen des Endresultats. In der geteilten Ansicht hält die Scroll-Synchronisierung beide Bereiche beim Durchblättern eines langen Dokuments ausgerichtet; Sie können sie abschalten, um jedes Panel unabhängig zu scrollen. Außerdem können Sie zwischen fünf Vorschau-Themes wechseln — GitHub, Dunkel, Minimal, Akademisch und Sepia —, passend zu dem Ort, an dem der Inhalt veröffentlicht wird. Wählen Sie oben das Layout, das zum Entwerfen, Fokussieren oder Prüfen passt.

Wie zählt der Editor Wörter und schätzt die Lesezeit?

Ein Live-Statistikpanel aktualisiert sich beim Tippen und zählt weit mehr als nur Wörter. Es erfasst Wörter, Zeichen, Sätze, Absätze sowie Markdown-spezifische Strukturelemente — Überschriften, Links, Bilder, Codeblöcke, Tabellen und erledigte im Verhältnis zu allen Aufgaben in Checklisten —, sodass Sie ein Dokument auf einen Blick einschätzen können. Die Lesezeit wird mit rund 200 Wörtern pro Minute geschätzt, dem gängig zitierten Durchschnittswert für stilles Lesen bei Erwachsenen, was eher als grober Richtwert für einen Blogbeitrag oder eine Dokumentationsseite dient denn als exakte Messung; dichter technischer Inhalt mit viel Code liest sich naturgemäß langsamer. Da alles im Browser berechnet wird, aktualisieren sich die Statistiken auch bei langen Dokumenten sofort, ohne Upload oder Verzögerung. Fangen Sie oben an zu tippen und beobachten Sie, wie Wortzahl, Strukturwerte und Lesezeit-Schätzung in Echtzeit mit Ihrem Entwurf wachsen.

Über den kostenlosen Markdown-Vorschau-Editor

Der Markdown-Vorschau-Editor ist ein kostenloses Online-Tool, mit dem Sie Markdown schreiben und dabei live sehen, wie es gerendert wird. Links liegt der Editor, rechts aktualisiert sich die Vorschau in Echtzeit, sodass Sie immer genau wissen, wie Überschriften, Listen, Links, Codeblöcke und Tabellen aussehen werden, bevor Sie sie veröffentlichen. Entwickelt wurde das Tool für Entwickler, die README-Dateien schreiben, technische Autoren, die Dokumentationen pflegen, Blogger, die Beiträge entwerfen, sowie alle, die Notizen in Markdown führen und ihre Formatierung schneller überprüfen möchten.

Alles läuft vollständig in Ihrem Browser. Ihr Text wird niemals an einen Server hochgeladen — eine private README-Datei, eine interne Spezifikation oder ein unveröffentlichter Entwurf bleibt also auf Ihrem eigenen Gerät. Es gibt keine Registrierung, kein Dokumentenlimit und nichts zu installieren — öffnen Sie einfach die Seite und legen Sie los.

Was gerendert wird und wie

Markdown ist eine leichtgewichtige Auszeichnungssprache aus dem Jahr 2004, die einfache Textsymbole in formatiertes HTML verwandelt — aus # Titel wird zum Beispiel eine Überschrift und aus **fett** wird Fettschrift. Dieser Editor unterstützt GitHub Flavored Markdown (GFM), denselben Dialekt, der in GitHub-README-Dateien und -Issues verwendet wird, sodass sich die hier geschriebene Syntax genauso verhält wie auf GitHub:

  • Tabellen, gebaut aus Pipe-Zeichen (|) und einer Trennzeile
  • Aufgabenlisten mit - [ ]- und - [x]-Checkboxen
  • Durchgestrichener Text mit ~~Text~~ und hervorgehobener Text mit ==Text==
  • Fußnoten, Definitionslisten und GitHub-typische Hinweiskästen wie > [!NOTE]
  • Codeblöcke mit Syntax-Highlighting für mehr als 15 Sprachen, darunter JavaScript, TypeScript, Python, Java, Go, Rust, SQL, Bash und mehr

Überschriften erhalten automatisch Anker-IDs, und der Editor erstellt daraus ein Inhaltsverzeichnis, mit dem Sie sich in längeren Dokumenten zurechtfinden. Eine Formatierungs-Symbolleiste fügt gängige Syntax für Sie ein, und Tastenkürzel (Strg/Cmd+B für fett, Strg/Cmd+I für kursiv, Strg/Cmd+K für einen Link) beschleunigen das Schreiben, ohne dass Sie die Hände von der Tastatur nehmen müssen.

Ansichten, Themes und Live-Statistiken

Sie können zwischen drei Layouts wechseln: geteilte Ansicht mit Editor und Vorschau nebeneinander, nur Quelltext für ablenkungsfreies Schreiben und nur Vorschau, um das fertige Ergebnis zu lesen. In der geteilten Ansicht sorgt die Scroll-Synchronisierung dafür, dass beide Bereiche beim Durchblättern des Dokuments ausgerichtet bleiben; sie lässt sich abschalten, wenn Sie lieber unabhängig voneinander scrollen möchten.

Fünf Vorschau-Themes verändern das Aussehen der gerenderten Ausgabe: GitHub, Dunkel, Minimal, Akademisch und Sepia. Ein Live-Statistikpanel zählt Wörter, Zeichen, Sätze, Absätze, Überschriften, Links, Bilder, Codeblöcke, Tabellen sowie erledigte im Verhältnis zu allen Aufgaben, und schätzt die Lesezeit mit rund 200 Wörtern pro Minute — nützlich, um einen Beitrag oder eine Dokumentationsseite einzuschätzen.

Ihre Arbeit exportieren

Sobald das Dokument fertig ist, lässt der Markdown-Vorschau-Editor Sie es überallhin mitnehmen:

  • Markdown-Quelltext kopieren oder herunterladen als .md-Datei
  • Gerenderten HTML-Code kopieren, um ihn direkt in ein CMS, eine E-Mail-Vorlage oder eine Webseite einzufügen
  • Eine gestylte HTML-Datei herunterladen, die die Formatierung der Vorschau beibehält
  • Als PDF drucken über den Druckdialog Ihres Browsers für eine teilbare Kopie mit festem Layout

Sie können außerdem eine .md-Datei von Ihrem Computer laden, um sie anzuzeigen oder zu bearbeiten, und sieben integrierte Vorlagen — README, Blogbeitrag, Dokumentation, Änderungsprotokoll, Besprechungsnotizen, Beitragsleitfaden und Release Notes — geben Ihnen einen strukturierten Ausgangspunkt statt einer leeren Seite.

Warum eine Live-Vorschau wichtig ist

Die Stärke von Markdown liegt darin, dass der Rohtext lesbar bleibt — aber kleine Fehler wie ein nicht geschlossener Codeblock-Zaun, eine falsch eingerückte Liste oder eine defekte Tabellentrennzeile sehen im Quelltext oft unauffällig aus und fallen erst beim Rendern auf. Eine Vorschau nebeneinander erkennt solche Fehler sofort, sodass Sie Formatierungsprobleme beim Schreiben beheben — und nicht erst, nachdem Sie eine defekte README committet oder einen fehlerhaften Beitrag veröffentlicht haben. Da das Rendering lokal geschieht, funktioniert es auch nach dem Laden der Seite weiter und verarbeitet große Dokumente in der Geschwindigkeit Ihrer eigenen Hardware. Fügen Sie Ihr Markdown oben ein oder tippen Sie es, um es sofort gerendert zu sehen.