Welcome to Markdown Preview
Write Markdown on the left, see the rendered result on the right.
Features
- Live preview — updates as you type
- GFM support — tables, task lists, strikethrough, and more
- Syntax highlighting — in code blocks
- File import — open .md files
- HTML export — download a standalone HTML file
Example: Code block
function greet(name: string): string {
return `Hello, ${name}! 👋`;
}
Example: Table
| Feature | Status |
|---|---|
| GFM tables | ✅ |
| Task lists | ✅ |
| Syntax highlight | ✅ |
| HTML export | ✅ |
Example: Task list
- Markdown preview
- Syntax highlighting
- PDF export (coming later)
Start editing to see the live preview!
Welcome to Markdown Preview
Write Markdown on the left, see the rendered result on the right.
Features
- Live preview — updates as you type
- GFM support — tables, task lists, strikethrough, and more
- Syntax highlighting — in code blocks
- File import — open .md files
- HTML export — download a standalone HTML file
Example: Code block
function greet(name: string): string {
return `Hello, ${name}! 👋`;
}
Example: Table
| Feature | Status |
|---|---|
| GFM tables | ✅ |
| Task lists | ✅ |
| Syntax highlight | ✅ |
| HTML export | ✅ |
Example: Task list
- Markdown preview
- Syntax highlighting
- PDF export (coming later)
Start editing to see the live preview!
Was ist Markdown und wie funktioniert die Vorschau?
Markdown ist eine leichte Auszeichnungssprache, die reinen Text in strukturiertes HTML verwandelt. Statt Tags tippst du ein paar Zeichen: # für Überschriften, ** für fett, - für Listen und | für Tabellen. Der Editor rendert die Quelle bei jedem Tastendruck, sodass das fertige Dokument beim Schreiben sichtbar ist.
Ein typischer Ausschnitt beginnt mit '# Release notes', woraus ein <h1> wird, danach wird '## Fixes' zu einem <h2> und '- Fixed login' zu einem Aufzählungspunkt. Eine Tabelle im GitHub-Stil nutzt Pipe-Zeichen und eine Trennzeile: '| Field | Type |', dann '| --- | --- |', dann '| id | string |'. Das Tool unterstützt diese GFM-Tabellensyntax, Aufgabenlisten als - [x], Codeblöcke mit Sprach-Hervorhebung und Inline-Links und exportiert das Ergebnis als sauberes HTML oder zurück nach Markdown.
So nutzt du die Markdown-Vorschau
- Tippe oder füge Markdown in den Editor ein — die Vorschau aktualisiert sich beim Schreiben.
- Wechsle über die Ansichtssteuerung zwischen Code & Vorschau, Nur Code und Nur Vorschau.
- Importiere eine vorhandene .md-Datei oder exportiere das Ergebnis als HTML und die Quelle als Markdown.
- Nutze Vollbild für lange Dokumente und Leeren, um neu zu beginnen.
Häufige Fragen zu Markdown
Welcher Markdown-Dialekt wird unterstützt?
GitHub Flavoured Markdown (GFM) — Tabellen, Aufgabenlisten, Durchstreichen, Autolinks und Codeblöcke — zusätzlich zu den CommonMark-Grundlagen.
Ist das exportierte HTML sicher zum Veröffentlichen?
Die Vorschau rendert lokal und der Export enthält Standardelemente, aber prüfe ihn vor der Veröffentlichung immer und bereinige Inhalte aus nicht vertrauenswürdigen Quellen.
Kann ich ein vorhandenes README bearbeiten?
Ja — importiere die .md-Datei, bearbeite sie im Editor und exportiere sie erneut als Markdown. Das Tool lädt die Inhalte nie hoch.
