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 schreiben.
Sofort sehen.
Ein schneller Markdown-Editor mit Live-Vorschau, Tabs, Formeln, Diagrammen und Export per Klick. Er läuft direkt im Browser – nutzen Sie ihn online oder stellen Sie ihn in einer Minute 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.
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 | ✅ |
- Entwurf schreiben
- Veröffentlichen
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-Spickzettel: GitHub-Flavored-Syntax mit Beispielen
Markdown-Spickzettel für die Praxis: Überschriften, Listen, Links, Bilder, Code, Tabellen, Aufgabenlisten, Hinweise und Fußnoten – GFM-Beispiele zum Kopieren.
AnleitungMarkdown-Vorschau online – ohne Dateien hochzuladen
So nutzen Sie eine Markdown-Vorschau online mit Live-Ansicht nebeneinander: worauf es ankommt und wie Sie Dateien und Ordner direkt von Ihrem Computer öffnen.
TutorialMathematische Formeln in Markdown schreiben (LaTeX und KaTeX)
Mathematische Formeln in Markdown mit LaTeX: Brüche, Wurzeln, Summen, Matrizen, ausgerichtete Gleichungen und typische Fehler – mit Beispielen für GitHub.
TutorialMermaid-Diagramme in Markdown: Flussdiagramme, Sequenzdiagramme und mehr
Flussdiagramme, Sequenz-, Gantt-, Zustands- und Kreisdiagramme direkt in Markdown mit Mermaid zeichnen – Beispiele zum Kopieren und Tipps für lesbare Diagramme.
AnleitungMarkdown in HTML und PDF umwandeln: 4 einfache Wege
Markdown in PDF oder HTML umwandeln: vier praktische Wege vom Export per Klick im Browser bis zu Pandoc und VS Code – plus Tipps zu Seitenumbrüchen und Bildern.
Self-HostingMarkdown-Editor selbst hosten: auf Webspace, mit Docker oder nginx
Eigenen Markdown-Editor mit Live-Vorschau in Minuten hosten: Schritt für Schritt für Webspace (cPanel), Docker, nginx und Caddy – ohne Datenbank und Backend.
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.