Markdown ist eine leichtgewichtige Auszeichnungssprache, die 2004 von John Gruber entwickelt wurde. Sie ermöglicht es, formatierten Text mit einfachen Sonderzeichen zu erstellen – z. B. **fett**, *kursiv*, # Überschriften – der anschließend in HTML umgewandelt wird.

Wie wandle ich Markdown in HTML um?

Der Markdown Previewer wandelt deinen Text sofort beim Tippen in HTML um. Über den Button 'HTML kopieren' erhältst du den fertigen HTML-Code, mit '.html Download' kannst du ihn als Datei speichern.

Was ist GFM (GitHub Flavored Markdown)?

GitHub Flavored Markdown (GFM) ist eine Erweiterung des Standard-Markdown mit zusätzlichen Features: Tabellen, Aufgabenlisten (- [ ]), durchgestrichener Text (~~Text~~), automatische Link-Erkennung und Code-Blöcke mit Syntax-Highlighting. Dieser Previewer unterstützt GFM vollständig.

Wie erstelle ich eine Tabelle in Markdown?

Tabellen in Markdown werden mit Pipes (|) und Bindestrichen erstellt: | Spalte 1 | Spalte 2 | in der ersten Zeile, dann |---|---| als Trennzeile, danach die Datenzeilen mit dem gleichen Muster. Der Previewer rendert die Tabelle sofort als formatierte HTML-Tabelle.

Wie füge ich Code in Markdown ein?

Für inline-Code nutze einfache Backticks: `code`. Für mehrzeilige Code-Blöcke verwende drei Backticks (```) vor und nach dem Code. Optional kannst du nach den öffnenden Backticks die Programmiersprache angeben, z. B. ```javascript.

Werden meine Inhalte gespeichert oder übertragen?

Nein. Der gesamte Markdown-Text wird ausschließlich lokal in deinem Browser verarbeitet. Es findet keine Übertragung an Server statt. Der Text wird im localStorage deines Browsers automatisch gesichert, sodass er beim nächsten Besuch noch verfügbar ist.

Welche Markdown-Syntax wird unterstützt?

Unterstützt wird der CommonMark-Standard plus GFM-Erweiterungen: Überschriften (# bis ######), Fett (**text**), Kursiv (*text*), Durchgestrichen (~~text~~), Links ([Text](URL)), Bilder (![Alt](URL)), Listen (- oder 1.), Blockquotes (>), Code-Blöcke (```), Tabellen und horizontale Linien (---).

Kann ich den Markdown-Editor für README-Dateien nutzen?

Ja. GitHub README-Dateien verwenden GFM, das dieser Previewer vollständig unterstützt. Schreibe dein README, überprüfe die Vorschau und lade es als .md-Datei herunter – ideal für GitHub, GitLab oder Bitbucket.

Was ist der Unterschied zwischen Markdown und HTML?

HTML ist die vollständige Auszeichnungssprache des Webs mit Tags wie oder . Markdown ist eine vereinfachte Notation, die automatisch in HTML umgewandelt wird. Markdown ist für Menschen leichter lesbar und schreibbar, HTML bietet mehr Kontrolle über das finale Rendering.

✓ Live Preview

📝 Markdown Previewer 2026

Schreibe Markdown links und sieh die fertige Vorschau rechts – inklusive Toolbar, Copy & Download.

⚡ Sofort Live Rendering

🧰 Tools Toolbar & Export

🔒 Lokal keine Server‑Uploads

🧮

Markdown Editor

Markdown Autosave: aktiv

Vorschau HTML gerendert

Gib Markdown ein, um die Vorschau zu sehen.

Wörter: 0 · Zeichen: 0 · Lesezeit: 0 Min

Der Markdown‑Text wird lokal im Browser verarbeitet. Keine Inhalte werden an Server übertragen.

Was ist Markdown?

Markdown ist eine leichtgewichtige Auszeichnungssprache, die 2004 von John Gruber entwickelt wurde. Ziel war es, eine Syntax zu schaffen, die sowohl als Plaintext gut lesbar ist als auch automatisch in sauberes HTML umgewandelt werden kann.

Grundprinzip: Statt <h1>Überschrift</h1> schreibst du einfach # Überschrift – der Previewer wandelt es automatisch um.

Heute ist Markdown der De-facto-Standard für README-Dateien (GitHub, GitLab), technische Dokumentation, Blogbeiträge und Wikis. Die verbreitetste Variante ist GitHub Flavored Markdown (GFM), die Tabellen, Aufgabenlisten und Syntax-Highlighting ergänzt.

Wofür wird Markdown verwendet?

Markdown eignet sich für: GitHub/GitLab README-Dateien, Dokumentation (MkDocs, Docusaurus), statische Websites (Hugo, Jekyll), Notizen (Obsidian, Notion), Stack Overflow-Antworten und Messaging-Apps wie Slack oder Discord.

Markdown Syntax – Komplette Übersicht 2026

Die folgende Tabelle zeigt die wichtigsten Markdown-Elemente mit Syntax und Ergebnis. Alle aufgeführten Elemente werden von diesem Previewer vollständig unterstützt (CommonMark + GFM).

Element	Markdown-Syntax	Ergebnis
Überschrift 1	`# Titel`	<h1> – größte Überschrift
Überschrift 2–6	`## bis ######`	Unterüberschriften H2 bis H6
Fettschrift	`Text` oder `__Text__`	fetter Text
Kursivschrift	`Text` oder `_Text_`	kursiver Text
Durchgestrichen	`~~Text~~`	~~durchgestrichener Text~~
Link	`[Linktext](https://example.com)`	Klickbarer Hyperlink
Bild	`![Alttext](bild.png)`	Eingebettetes Bild
Inline-Code	`code`	Monospace-Hervorhebung
Code-Block	```sprache ... ```	Mehrzeiliger Code-Block
Ungeordnete Liste	`- Punkt` oder `* Punkt`	Aufzählung mit Bullet-Points
Geordnete Liste	`1. Erster Punkt`	Nummerierte Aufzählung
Blockquote	`> Zitat`	Eingerücktes Zitat
Tabelle (GFM)	`\| Sp1 \| Sp2 \|`	HTML-Tabelle
Aufgabenliste (GFM)	`- [x] Erledigt`	Checkbox (gecheckt)
Trennlinie	`---`	Horizontale Linie

Markdown auf verschiedenen Plattformen – Kompatibilitätsübersicht

Markdown wird auf fast allen Entwickler-Plattformen unterstützt – aber nicht überall gleich. Diese Tabelle zeigt, welche Features wo verfügbar sind:

Plattform	Standard	Tabellen	Code-Highlighting	Aufgabenlisten	LaTeX / Math
GitHub / GitLab	GFM	✓	✓	✓	✓ (GitHub)
VS Code	CommonMark	✓	✓	✓	Via Extension
Obsidian	CommonMark + eigene Erweiterungen	✓	✓	✓	✓
Notion	Eigenes Format	✓	✓	✓	✓
Stack Overflow	CommonMark	✓	✓	✗	✗
Slack / Discord	Eingeschränkt	✗	✓ (Discord)	✗	✗
Jekyll / Hugo	CommonMark / GFM	✓	✓	✓	Via Plugin
Dieser Previewer	CommonMark + GFM	✓	✓	✓	✗

Häufige Fragen zum Markdown Previewer

Fast vollständig – die Rendering-Bibliotheken (marked.js und DOMPurify) werden einmalig von einem CDN geladen. Danach arbeitet der Previewer lokal, alle Inhalte bleiben auf deinem Gerät. Für den vollständig offline-fähigen Betrieb genügt es, die Seite einmal zu laden und im Browser-Cache zu speichern.

Klicke auf den Button „.html Download" in der Toolbar. Der Previewer erzeugt eine vollständige HTML-Datei, die du direkt im Browser öffnen oder in deine Website einbauen kannst. Alternativ kopierst du den HTML-Code mit „HTML kopieren" in die Zwischenablage.

Ja. GitHub verwendet GFM (GitHub Flavored Markdown), das dieser Previewer vollständig unterstützt – inklusive Tabellen, Aufgabenlisten und Code-Blöcken. Schreibe dein README hier, überprüfe die Vorschau und lade es als .md-Datei herunter.

In Standard-Markdown erzeugt ein einfacher Enter keinen Zeilenumbruch im HTML – du brauchst eine Leerzeile für einen neuen Absatz. Mit der GFM-Option „breaks: true" (die dieser Previewer nutzt) wird jeder Zeilenumbruch direkt als <br> gerendert.

Nein, LaTeX/MathJax-Rendering ist in diesem Previewer nicht integriert. Für Mathematikformeln empfehlen sich spezialisierte Tools wie Overleaf oder Typora, die KaTeX oder MathJax unterstützen.

Der Previewer speichert deinen Text nach jeder Änderung automatisch im localStorage deines Browsers (Schlüssel: „markdown_previewer_text"). Beim nächsten Seitenaufruf wird der zuletzt gespeicherte Text wiederhergestellt. Der Status wird oben rechts im Editor-Panel angezeigt.

Der Previewer basiert auf marked.js, das über eine Extension-API erweiterbar ist. Im Source-Code (script-Tag im HTML) kann marked mit eigenen Regeln und Renderer-Overrides angepasst werden – für Fußnoten, Emoji-Shortcuts oder benutzerdefinierte Syntax.

Der Previewer nutzt marked.js (CDN: jsdelivr.net) – einen der schnellsten und am weitesten verbreiteten Markdown-Parser für JavaScript. Die HTML-Ausgabe wird durch DOMPurify bereinigt, um XSS-Angriffe zu verhindern.

Markdown im Einsatz: Workflows für 3 typische Anwendungsfälle

Markdown ist nicht gleich Markdown – je nach Kontext gibt es unterschiedliche Best Practices. Hier sind drei konkrete Workflows:

GitHub README

Professionelle Projektdokumentation

Ein gutes README enthält: Badges (Build, Coverage), kurze Beschreibung, Installation, Usage-Beispiel und Lizenz.

Schreibe Markdown hier im Previewer
Überprüfe die Darstellung in der Vorschau
Tabellen und Code-Blöcke testen
Als .md herunterladen und in Repo hochladen

Technische Doku

API-Dokumentation mit MkDocs / Docusaurus

Static-Site-Generatoren wandeln Markdown-Dateien automatisch in navigierbare Websites um – ideal für API-Docs.

Frontmatter am Anfang: --- mit title & nav
Code-Blöcke mit Sprachangabe (```python)
Interne Links: [Seite](./andere-seite.md)
HTML-Vorschau hier zum Testen nutzen

Notizen & PKM

Persönliches Wissensmanagement (Obsidian)

Obsidian nutzt Markdown als nativen Format – alle Notizen bleiben als Plaintext-Dateien in deinem Dateisystem.

Wiki-Links: [[Verlinkter Artikel]]
Aufgabenlisten: - [ ] Aufgabe
Tags: #thema für Kategorisierung
Callouts: > [!NOTE] für Hinweisboxen