Live-Vorschau
HTML-Vorschau
So verwenden Sie die Markdown-Vorschau
- Tippen oder fügen Sie Ihr Markdown in den Editor links ein.
- Die HTML-Vorschau wird rechts beim Tippen in Echtzeit aktualisiert.
- Klicken Sie auf HTML kopieren, um das gerenderte HTML in die Zwischenablage zu kopieren.
Was ist Markdown?
Markdown ist eine leichtgewichtige Auszeichnungssprache, die 2004 von John Gruber entwickelt wurde. Sie ist als Klartext lesbar und wird sauber in HTML konvertiert. Heute ist sie das Standardformat für README-Dateien, Dokumentationsseiten, Blog-Posts und Kommentare auf GitHub, Stack Overflow, Reddit und vielen anderen Plattformen.
Markdown-Syntax Schnellreferenz
| Element | Syntax |
|---|---|
| Überschrift 1 | # Titel |
| Überschrift 2 | ## Untertitel |
| Fett | **fetter Text** |
| Kursiv | *kursiver Text* |
| Link | [Bezeichnung](https://url) |
| Bild |  |
| Inline-Code | `code` |
| Code-Block | ```sprache ... ``` |
| Ungeordnete Liste | - Element |
| Geordnete Liste | 1. Element |
| Zitat | > zitierter Text |
| Trennlinie | --- |
CommonMark vs. GitHub Flavored Markdown
Dieser Editor verwendet die marked.js-Bibliothek, die der CommonMark-Spezifikation mit GitHub Flavored Markdown (GFM)-Erweiterungen folgt. GFM fügt Tabellen, Aufgabenlisten (- [x] erledigt), durchgestrichenen Text (~~Text~~) und Code-Blöcke mit Syntaxhervorhebung hinzu.
Typische Anwendungsfälle
- Eine README-Datei vor dem Push auf GitHub oder npm in der Vorschau prüfen
- Dokumentation für ein Softwareprojekt schreiben und testen
- Einen Blog-Post verfassen und das HTML in ein CMS kopieren
- Prüfen, wie ein Kommentar auf einer Markdown-fähigen Plattform gerendert wird