Markdown-Vorschau

Was dieser Markdown-Vorschau macht

Diese deutschsprachige Markdown-Vorschau rendert GitHub-Flavored Markdown (GFM) in Echtzeit zu sauberem HTML – direkt im Browser, ohne Server, ohne Uploads. Tabellen, Aufgabenlisten, durchgestrichener Text und fenced Code-Blöcke werden vollständig unterstützt. Du arbeitest im Split-View, wechselst in den reinen Vorschau-Modus oder schaust dir das rohe HTML an – und lädst das Ergebnis mit einem Klick als vollständige .html-Datei herunter. Weil deutsche Wörter im Schnitt 6,3 Zeichen lang sind (gegenüber 4,7 im Englischen), lohnt sich ein Live-Renderer besonders, um zu prüfen, wie Fließtext im fertigen Dokument wirkt. 100% im Browser – deine Daten verlassen nie dein Gerät. Keine Uploads, kein Tracking, keine Server-Logs. Ideal für vertrauliche Entwürfe, NDAs oder interne Dokumentation.

Funktionen

• Live-Vorschau im Split-View. Editor und Vorschau laufen nebeneinander. Jede Änderung im Markdown-Editor wird sofort als gerendertes HTML angezeigt – ohne Reload, ohne Verzögerung.
• GitHub-Flavored Markdown. Tabellen, Aufgabenlisten (- [ ] Todo), Strikethrough und fenced Code-Blöcke ( ` ) werden vollständig nach GFM-Spezifikation gerendert – genau wie auf GitHub oder in VS Code mit der integrierten Markdown-Vorschau.
• HTML-Rohansicht. Wechsel mit einem Klick in die HTML-Ansicht und sieh den generierten Quellcode. Nützlich, wenn du das HTML weiterverarbeiten oder in ein CMS einfügen möchtest. Für das Kodieren von Sonderzeichen im Output empfiehlt sich der [HTML-Entity-Encoder/Decoder](/de/html-entities/).
• Download als .html-Datei. Exportiere dein Dokument als vollständige HTML-Datei mit eingebettetem Basis-Styling – bereit zur Weitergabe per E-Mail oder für die Ablage in einem Dokumenten-Repository.
• Datenschutz by Design. Der gesamte Rendering-Prozess findet lokal im Browser statt. Es werden keine Inhalte an externe Server übermittelt – geeignet für vertrauliche Entwürfe und interne Docs, bei denen das Unicode TR #29-konforme Text-Handling im Browser vollständig lokal bleibt.
• Klarer Scope – keine versteckten Abhängigkeiten. YAML-Frontmatter und Mermaid-Diagramme werden bewusst nicht verarbeitet. Das hält das Bundle klein und das Rendering schnell – ohne versteckte Bibliotheken, die das Verhalten verändern könnten.

So benutzt du den Markdown-Vorschau

Füge deinen Markdown-Text links ein oder tippe direkt – die Vorschau aktualisiert sich sofort. Nutze die Schaltflächen oben, um zwischen den Ansichten zu wechseln.

1. Markdown eingeben. Tippe deinen Text in den linken Editor oder füge vorhandenes Markdown ein. Grundlegende GFM-Syntax wie ## Überschrift, **fett** oder - [ ] Aufgabe wird sofort gerendert.
2. Ansicht wählen. Wähle zwischen „Geteilt“ (Editor + Vorschau nebeneinander), „Vorschau“ (nur gerendertes HTML) oder „HTML“ (Rohcode). Für einen schnellen Markdown-Test reicht der Vorschau-Modus.
3. HTML prüfen oder kopieren. In der HTML-Ansicht siehst du den generierten Quelltext. Du kannst ihn direkt kopieren und z. B. in ein E-Mail-Template oder ein Wiki einfügen.
4. .html herunterladen. Klicke auf „.html herunterladen“, um eine vollständige HTML-Datei zu speichern. Das Dokument enthält ein minimales Basis-Styling und ist sofort teilbar.

Häufige Anwendungsfälle

• README-Vorschau vor dem Commit. Entwickler in Hamburg oder Zürich prüfen ihre GitHub-READMEs lokal, bevor sie pushen – ohne VS Code-Erweiterung oder Online-Dienst mit Account-Zwang. Wer VS Code nutzt, kennt die eingebaute Markdown-Vorschau; dieses Tool bietet dieselbe Live-Vorschau direkt im Browser.
• Blog-Entwürfe für Static-Site-Generatoren. Du schreibst Artikel in Markdown für Hugo, Astro oder Jekyll und willst sehen, wie Tabellen und Aufgabenlisten im Browser aussehen – bevor du den Build anstößt.
• Vertrauliche Dokumente und NDAs. Für Inhalte, die das Unternehmen nicht verlassen dürfen, ist ein client-seitiger Markdown-Renderer die sichere Wahl. Kein Text verlässt den Browser – ideal für Entwürfe unter NDA oder interne Spezifikationen.
• Markdown-Syntax lehren und testen. In Workshops oder Onboarding-Sessions eignet sich das Tool als interaktiver Markdown-Tester: Schreiben, sofort sehen, verstehen. Wer anschließend Text bereinigen möchte, findet im [Textvergleich](/de/text-diff/) ein passendes Werkzeug.
• HTML-Export für E-Mail-Versand. Inhalte aus Markdown als .html-Datei exportieren und direkt in E-Mail-Clients oder Dokumentenverteiler einbetten – ohne manuelles HTML-Schreiben.

Häufig gestellte Fragen