Markdown-Vorschau

Ja — er ist vollständig kostenlos ohne Anmeldung, ohne Konto und ohne Nutzungslimits. Er öffnet sich mit einem Klick und läuft vollständig in deinem Browser. Keine Dateigrößenbeschränkungen und keine kostenpflichtigen Funktionen, im Gegensatz zu Dillinger.io, StackEdit oder HackMD.

Ja, vollständig. Dein Markdown wird live in deinem Browser geparst und gerendert und automatisch im lokalen Speicher deines Geräts gespeichert — nichts wird auf einen Server hochgeladen. Das Tool funktioniert offline, sobald die Seite geladen ist.

Ja. Der Previewer unterstützt GFM vollständig — Pipe-Tabellen mit Ausrichtung, Aufgabenlisten mit Kontrollkästchen (- [x] und - [ ]), Durchgestrichen mit ~~doppelter Tilde~~, Codeblöcke mit Syntaxhervorhebung, Auto-Links und HTML-Tags.

Ja. Platziere ein Diagramm in einem ```mermaid-Code-Block und es wird live als SVG im Vorschaufenster gerendert. Unterstützte Diagrammtypen umfassen Flussdiagramme, Sequenzdiagramme, Klassendiagramme, Zustandsdiagramme, ER-Diagramme, Kreisdiagramme, Gantt-Diagramme und Git-Graphen.

Ja. Inline-Mathematik wie $E = mc^2$ und Block-Mathematik zwischen $$…$$-Trennzeichen wird mit KaTeX gerendert. KaTeX ist schnell (kein Netzwerkanfrage, läuft lokal) und deckt die große Mehrheit der LaTeX-Mathematiknotation ab.

Ja. Codeblöcke werden mit highlight.js syntaxhervorgehoben, mit über 180 Programmiersprachen. Füge nach dem öffnenden Zaun einen Sprachhinweis hinzu — z.B. ```js, ```python, ```sql — und das passende Farbschema wird angewendet.

Füge einfach dein Markdown in den Editor links ein oder tippe es und das gerenderte Ergebnis erscheint sofort rechts — kein Visual Studio Code, keine Erweiterungen und nichts zu installieren.

In VS Code öffne eine .md-Datei und drücke Ctrl+Shift+V (Cmd+Shift+V auf macOS), um die Markdown-Vorschau in einem neuen Tab zu öffnen, oder Ctrl+K dann V für die nebeneinander geteilte Ansicht. Die integrierte VS Code Vorschau rendert keine Mermaid-Diagramme oder KaTeX-Mathematik ohne Erweiterungen.

Dillinger.io ist ein solider Online-Markdown-Editor mit Cloud-Sync. Es unterstützt jedoch keine Mermaid-Diagramme, KaTeX-Mathematik oder sicheres HTML-Sanitizing. Es ist auch werbefinanziert. Dieses Tool fügt Mermaid, LaTeX/KaTeX, DOMPurify-Sanitizing, URL-basiertes Teilen und Offline-Fähigkeit hinzu.

StackEdit ist ein leistungsstarker Markdown-Editor mit KaTeX und Mermaid. Der wichtigste Kompromiss ist, dass er ein Google- oder GitHub-Konto benötigt, Dokumente in der Cloud speichert und eine komplexere Oberfläche hat. Dieses Tool priorisiert Einfachheit und Privatsphäre.

HackMD ist eine leistungsstarke kollaborative Markdown-Plattform für Teams. Es speichert jedoch alle Dokumente auf seinen Servern (mit kostenlos öffentlich zugänglichen Dokumenten standardmäßig) und erfordert Kontoregistrierung. Dieses Tool ist für den individuellen Gebrauch mit schnellem, privatem Teilen via URL.

Typora ist ein bezahlter Desktop-Markdown-Editor (14,99 $) mit einzigartigem nahtlosem Bearbeitungsmodus. Dieses browserbasierte Tool funktioniert auf jedem Betriebssystem ohne Installation und erfordert keinen Kauf.

Obsidian benötigt Installation und hat seinen eigenen Markdown-Dialekt. Notion verwendet einen Block-basierten Editor, der ein Konto erfordert. Beide sind nicht ideal, wenn du nur eine schnelle Markdown-Vorschau im Browser ohne Software-Installation brauchst.

Das Marked.js-Demo ist eine grundlegende Referenzimplementierung ohne Mermaid, KaTeX, Syntaxhervorhebung, Symbolleiste, Export oder Teilen. Dieses Tool fügt eine vollständige Benutzeroberfläche für das Schreiben mit all diesen Funktionen hinzu.

Ja. Verwende Exportieren → PDF drucken/speichern, um das Dokument als PDF zu rendern — Diagramme, Gleichungen und hervorgehobener Code inklusive. Verwende Exportieren → .html herunterladen für eine eigenständige HTML-Datei mit eingebetteten Styles.

Ja. Nach dem Parsen wird das generierte HTML mit DOMPurify bereinigt, das gefährliche Konstrukte entfernt — <script>-Tags, Inline-Event-Handler, javascript:-URLs — so dass die Vorschau auch bei Markdown aus nicht vertrauenswürdigen Quellen sicher ist.

Ja. Klicke auf Teilen und das Tool kodiert dein gesamtes Dokument in die URL (mit LZ-string komprimiert) und kopiert den Link in deine Zwischenablage. Wer diesen Link öffnet, hat das Dokument direkt in den Editor geladen.

Ja. Die Editor- und Vorschaupanels sind bidirektional scroll-synchronisiert. Eine Formatierungsleiste bietet Ein-Klick-Einfügung von Fett, Kursiv, Durchgestrichen, Inline-Code, Überschriften, Listen, Zitaten, Links, Bildern, Tabellen und Codeblöcken.

Ja. Klicke auf Öffnen (oder ziehe eine Datei auf den Editor), um eine .md-, .markdown- oder .txt-Datei direkt in den Editor zu laden. Die Datei wird lokal von deinem Browser gelesen — sie wird nie hochgeladen.

Der Parser unterstützt CommonMark plus GFM-Erweiterungen: Überschriften, Betonung, Fett, Durchgestrichen, Listen, Aufgabenlisten, Pipe-Tabellen, Codeblöcke mit Hervorhebung, Links, Bilder und rohe HTML. Zusätzlich: Mermaid-Diagramme in ```mermaid-Blöcken, LaTeX-Mathematik mit $…$ und $$…$$ via KaTeX und Fußnoten.