Sofortige Live-Vorschau
Die Vorschau aktualisiert sich beim Tippen und scrollt mit dem Editor mit – so sehen Sie immer die Stelle, an der Sie gerade arbeiten.
Markdown-Editor online
mit Live-Vorschau
Ein kostenloser Markdown-Editor online – mit Live-Vorschau, Tabs, Formeln, Diagrammen und Export per Klick. Er läuft direkt im Browser, und in einer Minute stellen Sie ihn auch auf Ihre eigene Website.
Markdown PreviewHallo, Markdown 👋
Schreiben Sie links – die Vorschau rechts aktualisiert sich sofort.
- Live-Vorschau mit synchronem Scrollen
- Tabellen, Aufgabenlisten und Hinweisblöcke
- Code mit
Syntaxhervorhebung
Tipp
Markieren Sie Text und klicken Sie in der Werkzeugleiste auf B oder I.
Das ist eine echte Mini-Version des Editors – klicken Sie hinein, wechseln Sie Tabs und Ansichten, probieren Sie die Werkzeugleiste aus.
- GitHub-Flavored Markdown
- KaTeX-Formeln
- Mermaid-Diagramme
- Syntaxhervorhebung
- HTML- & PDF-Export
- Mobiltauglich
Funktionen
Alles, was Sie für Markdown brauchen – und nichts, was stört
Links ein aufgeräumter Editor, rechts eine Vorschau im GitHub-Stil und dazwischen die Werkzeuge, die Sie wirklich nutzen.
Tabs für jedes Dokument
Öffnen Sie viele Dateien gleichzeitig. Jeder Tab hat seinen eigenen Rückgängig-Verlauf, und Links zwischen geöffneten .md-Dateien wechseln den Tab.
Einfach per Drag & Drop
Ziehen Sie mehrere Dateien, einen ganzen Ordner oder ein Dokument samt Bildern hinein – relative Pfade funktionieren einfach.
Ein angenehmer Editor
Das Wichtigste ist immer sichtbar und griffbereit. Fortgeschrittene Funktionen – Fußnoten, Hinweise, Formeln, Diagramme, Inhaltsverzeichnis – liegen eingeklappt in einer eigenen Leiste für Profis.
Formeln und Diagramme
Schreiben Sie LaTeX-Formeln mit KaTeX und zeichnen Sie Flussdiagramme, Sequenzdiagramme und Gantt-Diagramme mit Mermaid.
Export als HTML, PDF und .md
Eine eigenständige HTML-Datei, ein PDF über den Druckdialog oder der saubere Markdown-Quelltext – jeweils mit einem Klick.
Hell, dunkel und mobil
Angenehm bei Tag und bei Nacht, auf dem großen Monitor und auf dem Smartphone. Ihre Wahl wird gespeichert.
15 Oberflächensprachen
English, Deutsch, Español, Français, 日本語, 简体中文 und mehr. Automatisch aus dem Browser übernommen, in den Einstellungen umschaltbar.
Ihre Dateien bleiben Ihre
Alles passiert im Browser. Kein Konto, keine Uploads, keine Analyse – einfach ein Editor.
Tools
Ansehen, umwandeln, zeichnen – direkt im Browser
Markdown Viewer: MD-Datei online öffnen und lesen
MD-Datei öffnen und formatiert lesen – mit Tabellen, Code, Formeln und Diagrammen.
Öffnen →Markdown in PDF umwandeln – direkt im Browser
Aus einer MD-Datei ein sauberes PDF machen – mit Tabellen, Code, Formeln und Diagrammen.
Öffnen →Mermaid Editor: Diagramme in Markdown live zeichnen
Flussdiagramme und Sequenzdiagramme als Text schreiben und beim Tippen aktualisiert sehen.
Öffnen →
Mehr als reiner Text
Von kurzen Notizen bis zur technischen Doku
Wählen Sie ein Beispiel, um den Markdown-Quelltext und die Vorschau zu sehen.
Markdown
Die Mitternachtsformel löst $ax^2 + bx + c = 0$:
$$
x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}
$$Vorschau
Die Mitternachtsformel löst :
LaTeX-Syntax, dargestellt mit KaTeX. Wird nur geladen, wenn ein Dokument eine Formel enthält.
Markdown
```mermaid
flowchart LR
A[Schreiben] --> B[Vorschau]
B --> C{Fertig?}
C -- ja --> D[Export]
C -- nein --> A
```Vorschau
Flussdiagramme, Sequenzdiagramme, Gantt-Diagramme, Zustandsdiagramme und mehr – gezeichnet mit Mermaid.
Markdown
```js
function slugify(title) {
return title
.toLowerCase()
.replace(/[^a-z0-9]+/g, '-')
.replace(/^-|-$/g, '');
}
```Vorschau
function slugify(title) {
return title
.toLowerCase()
.replace(/[^a-z0-9]+/g, '-')
.replace(/^-|-$/g, '');
}Syntaxhervorhebung für die über 35 beliebtesten Sprachen, im hellen und dunklen Design.
Markdown
> [!NOTE] > Nützliche Informationen. > [!TIP] > Eine praktische Abkürzung. > [!WARNING] > Bitte lesen, bevor Sie fortfahren.
Vorschau
Hinweis
Nützliche Informationen.
Tipp
Eine praktische Abkürzung.
Warnung
Bitte lesen, bevor Sie fortfahren.
Hinweisblöcke im GitHub-Stil: NOTE, TIP, IMPORTANT, WARNING und CAUTION.
Markdown
| Funktion | Status | |:--------|:------:| | Vorschau | ✅ | | Export | ✅ | - [x] Entwurf schreiben - [ ] Veröffentlichen
Vorschau
| Funktion | Status |
|---|---|
| Vorschau | ✅ |
| Export | ✅ |
Ausgerichtete Tabellen und Aufgabenlisten aus GitHub-Flavored Markdown.
Markdown
Markdown entstand 2004.[^1] [^1]: Von John Gruber, zusammen mit Aaron Swartz.
Vorschau
Markdown entstand 2004.1
- Von John Gruber, zusammen mit Aaron Swartz.
Auch Fußnoten, Hervorhebungen, Tief- und Hochstellung, Emoji-Kürzel und Front Matter werden unterstützt.
So sieht er aus
Auf jedem Bildschirm zu Hause
Geteilte Ansicht mit Tabs auf dem Desktop, ein kompaktes Einhand-Layout auf dem Smartphone. Hell oder dunkel – Sie entscheiden.
Desktop: Tabs, Formatierungsleiste, synchronisierte geteilte Ansicht.
Smartphone: Ansicht mit einem Tipp wechseln.
Bewusst einfach
Ihre Dateien verlassen nie Ihren Computer
Es gibt keinen Server, der die Arbeit erledigt. Der Editor besteht aus statischen Dateien, und alles – Öffnen, Darstellen, Exportieren – passiert in Ihrem Browser-Tab.
- Kein Konto. Seite öffnen und losschreiben.
- Keine Uploads. Abgelegte Dateien werden lokal gelesen.
- Kein Tracking. Keine Analyse, keine Cookies, keine Werbung.
- Sie bestimmen, was geladen wird. Externe Bilder und Links bleiben aus, bis Sie sie erlauben.
Ihre .md-DateiVon Ihrer Festplatte, aus einem Ordner oder der Zwischenablage
Im Browser dargestelltMarkdown, Formeln und Diagramme auf Ihrem Gerät
Gespeichert, wo Sie wollen.md, HTML oder PDF – direkt auf Ihren Computer
Selbst hosten
Ihr eigener Editor in drei Schritten
Herunterladen
Laden Sie das fertige Website-Archiv aus dem neuesten Release herunter – ein zip oder tar.gz mit statischen Dateien.
Hochladen
Entpacken Sie es mit dem Dateimanager Ihres Hostings oder per FTP in den Ordner Ihrer Domain oder Subdomain. Die mitgelieferte .htaccess richtet HTTPS und Caching ein.
Schreiben
Öffnen Sie Ihre Domain. Fertig – ein Editor für Sie und Ihr Team, unter Ihrer eigenen Adresse.
FAQ
Häufig gestellte Fragen
Ist der Markdown Preview Editor kostenlos?
Ja. Er ist kostenlos und Open Source unter der MIT-Lizenz. Es gibt keine Bezahltarife, keine Werbung und keine Anmeldung. Sie können die Online-Version nutzen oder eine eigene Kopie hosten.
Muss ich etwas installieren?
Nein. Er läuft in jedem modernen Browser – öffnen Sie die Online-Version und legen Sie los. Für eine eigene Kopie laden Sie das fertige Website-Archiv herunter und laden es auf ein beliebiges Webhosting hoch; eine Datenbank oder serverseitiger Code ist nicht nötig.
Werden meine Dokumente irgendwohin hochgeladen?
Nein. Dateien werden direkt in Ihrem Browser geöffnet und dargestellt. Die Dokumente bleiben auf Ihrem Gerät und werden nur im geöffneten Tab gehalten, es sei denn, Sie aktivieren in den Einstellungen „Dokumente in diesem Browser merken“.
Welche Markdown-Syntax wird unterstützt?
GitHub-Flavored Markdown: Tabellen, Aufgabenlisten, Durchstreichen, automatische Links, Fußnoten und Hinweisblöcke. Dazu kommen Syntaxhervorhebung, KaTeX-Formeln, Mermaid-Diagramme, Emoji-Kürzel, Hervorhebungen, Tief- und Hochstellung sowie Front Matter.
Kann ich als PDF oder HTML exportieren?
Ja. Exportieren Sie eine eigenständige HTML-Datei mit eingebetteten Styles und lokalen Bildern, drucken Sie über den Browser oder speichern Sie als PDF, oder sichern Sie den Markdown-Quelltext als .md-Datei.
Funktioniert er auf Smartphones und Tablets?
Ja. Das Layout passt sich an kleine Bildschirme an: Wechseln Sie mit einem Tipp zwischen Editor, geteilter Ansicht und Vorschau, und öffnen Sie die Formatierungsleiste nur, wenn Sie sie brauchen.
Aus dem Blog
Anleitungen für besseres Markdown
Praktische Anleitungen zum Kopieren – von den Grundlagen bis zu Formeln, Diagrammen und Self-Hosting.
Leitfaden
Markdown Cheat Sheet: Syntax mit Beispielen
Markdown Syntax als Cheat Sheet mit Beispielen zum Kopieren: Überschriften, Fett, Durchgestrichen, Links, Codeblöcke, Tabellen, Checkboxen und Fußnoten.
AnleitungMarkdown-Vorschau online: Live-Ansicht nebeneinander
Markdown-Vorschau online mit Live-Ansicht nebeneinander: worauf es bei einer Vorschau ankommt und wie Sie Dateien und Ordner öffnen, ohne sie hochzuladen.
TutorialMathematische Formeln in Markdown schreiben (LaTeX und KaTeX)
Markdown-Formeln mit LaTeX: Inline- und abgesetzte Gleichungen, Brüche, Wurzeln, Matrizen und ausgerichtete Formeln – mit Beispielen für GitHub und KaTeX.
TutorialMermaid-Diagramme in Markdown: Flussdiagramme, Sequenzdiagramme und mehr
Mermaid-Diagramme in Markdown: was sie sind und wie Sie Flussdiagramme, Sequenz-, Gantt- und Kreisdiagramme zeichnen – mit Beispielen und Tipps.
AnleitungMarkdown in HTML (und PDF) umwandeln: 4 Wege
Markdown in HTML umwandeln – auf vier praktischen Wegen: Export per Klick im Browser, VS Code, Pandoc oder etwas JavaScript. Plus der schnelle Weg zum PDF.
Self-HostingMarkdown-Editor selbst hosten: auf Webspace, mit Docker oder nginx
Markdown-Editor mit Live-Vorschau in Minuten selbst hosten: Schritt für Schritt auf Webspace (cPanel), mit Docker, nginx oder Caddy. Ohne Datenbank.
Gefällt er Ihnen? Vergeben Sie einen Stern.
Der Markdown Preview Editor entsteht in der Freizeit und wird kostenlos geteilt. Ein Stern auf GitHub hilft anderen, ihn zu finden – und zeigt uns, dass wir weitermachen sollen.