Was das Tool macht
Die Markdown-Vorschau ist ein Live-Markdown-Editor. Du tippst links und siehst rechts schon beim Schreiben das gerenderte Ergebnis: Überschriften, Listen, Links, Bilder, Tabellen, Codeblöcke und Zitate. Praktisch, um eine README, Release Notes, einen Blogartikel oder Dokumentation zu entwerfen, bevor du sie committest, und um zu prüfen, wie eine knifflige Tabelle oder verschachtelte Liste aussehen wird.
Stell die Ansicht auf HTML um, um das erzeugte Markup zu sehen, und kopier es oder lade eine vollständige HTML-Seite mit einfachem Styling herunter.
So benutzt du es
- Tippe oder füge Markdown in die Eingabe ein, zieh eine
.md-Datei darauf oder klick auf Beispiel. - Die Vorschau aktualisiert sich beim Tippen. Die Zeile darüber zeigt die Anzahl der Wörter, Überschriften und Links.
- Wähl Vorschau, um die gerenderte Seite zu sehen, oder HTML für das Markup.
- Mit HTML kopieren fügst du das Ergebnis in ein CMS oder eine E-Mail ein, mit HTML herunterladen bekommst du eine eigenständige Datei.
Markdown-Spickzettel
| Du tippst | Du bekommst |
|---|---|
# Title | Eine Überschrift der Ebene 1 (## für Ebene 2, bis ######) |
**bold** und _italic_ | fett und kursiv |
[text](https://example.com) | Einen Link |
 | Ein Bild |
- item oder 1. item | Aufzählungen oder nummerierte Listen |
- [ ] todo | Eine Checkbox in einer Aufgabenliste (GFM) |
`code` | Inline-Code |
```js in einer eigenen Zeile | Einen Codeblock mit Fences und Sprachangabe |
> quote | Ein Blockzitat |
--- | Eine horizontale Linie |
Tabellen verwenden senkrechte Striche und eine Trennzeile: | a | b | gefolgt von | --- | --- |. Tabellen sind eine Erweiterung von GitHub Flavored Markdown und nicht Teil von CommonMark. Sie werden daher nur dargestellt, solange GitHub Flavored Markdown eingeschaltet ist; ist die Option aus, erscheinen sie als einfacher Text mit senkrechten Strichen.
Beispiel
## Highlights
- [x] Tables and task lists
- ~~Old API~~ removedwird zu einer Überschrift zweiter Ebene, gefolgt von einer abgehakten Aufgabe und einer durchgestrichenen Zeile.
FAQ
› Welche Markdown-Syntax wird unterstützt?
CommonMark plus GitHub Flavored Markdown: Tabellen, Aufgabenlisten, Durchstreichen, Codeblöcke mit Fences und automatische Links. Schalte GFM aus, um zu sehen, wie ein strikter CommonMark-Renderer deinen Text darstellen würde.
› Kann ich bedenkenlos Markdown mit HTML einfügen?
Ja. Markdown erlaubt rohes HTML, deshalb wird die Vorschau in einem abgeschotteten Frame (Sandbox) angezeigt, in dem keine Skripte laufen können. Das kopierte HTML wird nicht bereinigt – säubere es also, bevor du nicht vertrauenswürdige Inhalte auf deiner eigenen Website veröffentlichst.
› Warum beginnt ein einfacher Zeilenumbruch keine neue Zeile?
In Standard-Markdown wird ein einzelner Zeilenumbruch wie ein Leerzeichen behandelt, und eine Leerzeile beginnt einen neuen Absatz. Aktiviere „Zeilenumbrüche werden zu <br>“, damit jeder Zeilenumbruch als Umbruch dargestellt wird – so wie GitHub es in Kommentaren macht.
› Wird mein Text gespeichert?
Deine letzte Eingabe bleibt im lokalen Speicher dieses Browsers erhalten, damit sie ein Neuladen übersteht. Sie wird nie hochgeladen; du kannst sie mit der Schaltfläche Leeren löschen.