Was ist ein Markdown-Previewer?

Ein Markdown-Previewer zeigt in Echtzeit, wie Markdown-Text als formatiertes HTML gerendert wird. Markdown ist eine leichtgewichtige Auszeichnungssprache, die 2004 von John Gruber erstellt wurde.

Markdown wird ueberall verwendet: GitHub README-Dateien, Dokumentation, Blogs, Notiz-Apps (Obsidian, Notion), technische Wikis und statische Site-Generatoren (Hugo, Jekyll, Astro).

Grundlegende Markdown-Syntax

• Ueberschriften — # H1, ## H2, ### H3 bis ###### H6. Verwenden Sie eine Leerzeile vor jeder Ueberschrift.
• Hervorhebung — *kursiv* oder _kursiv_, **fett** oder __fett__, ***fett kursiv***.
• Listen — - oder * fuer ungeordnete Listen, 1. fuer geordnete Listen. Einrueckung mit 2-4 Leerzeichen fuer verschachtelte Listen.
• Links — [Anzeigetetext](URL) fuer Inline-Links. [Text][ref] und [ref]: URL fuer Referenz-Links.
• Code — `inline code` mit Backticks. Codeblocks mit drei Backticks und optionaler Sprachkennung fuer Syntaxhervorhebung.

So verwenden Sie dieses Tool

Geben Sie Markdown im linken Bereich ein und sehen Sie die HTML-Vorschau sofort im rechten Bereich. Unterstuetzt GitHub Flavored Markdown einschliesslich Tabellen, Aufgabenlisten und Codeblocks.

GitHub Flavored Markdown

GFM erweitert Markdown um Tabellen (mit Pipe-Syntax), Aufgabenlisten (- [x] erledigt), Durchstreichung (~~text~~), automatische URL-Verlinkung und Syntaxhervorhebung in Codeblocks.

Beispiel aus der Praxis

Schreibe ## Setup in eine eigene Zeile, und die Vorschau erzeugt eine Überschrift der Ebene 2. Umschließe einen Ausdruck mit doppelten Sternchen — **oft speichern** — für Fettdruck, und beginne Zeilen mit einem Bindestrich und Leerzeichen, um eine Aufzählung zu erstellen. Ein mit drei Backticks und dem Wort js geöffneter Codeblock erzeugt hervorgehobenen Code. Da Markdown reiner Text ist, bleibt dieselbe Datei in jedem Editor lesbar und lässt sich sauber in HTML fürs Web umwandeln.

Häufige Fehler

Der häufigste Fehler ist, die Leerzeile zwischen einem Absatz und einer Liste oder Überschrift zu vergessen — ohne sie fassen viele Parser beides zu einem Block zusammen. Verschachtelte Listen benötigen eine gleichmäßige Einrückung von zwei oder vier Leerzeichen, keine mit Leerzeichen vermischten Tabulatoren. Und obwohl rohes HTML in den meisten Markdown-Varianten erlaubt ist, müssen als wörtlicher Text gemeinte spitze Klammern wie ein div-Tag maskiert oder in Backticks gesetzt werden, sonst verschwinden sie aus der Ausgabe.

Haeufig gestellte Fragen

Was ist der Unterschied zwischen Markdown und HTML?

Markdown ist lesbarer und einfacher zu schreiben als HTML. Es wird in HTML konvertiert, bietet aber absichtlich nur einen begrenzten Funktionsumfang. Fuer komplexe Layouts benoetigen Sie weiterhin HTML und CSS.

Welche Markdown-Varianten gibt es?

CommonMark (standardisierte Spezifikation), GitHub Flavored Markdown (GFM), MultiMarkdown, Pandoc Markdown und R Markdown. Jede Variante fuegt eigene Erweiterungen hinzu, aber die Grundsyntax ist ueberall gleich.

Ist Markdown überall gleich?

Die Kernsyntax ist durch CommonMark standardisiert, doch die Varianten unterscheiden sich. GitHub Flavored Markdown ergänzt Tabellen, Aufgabenlisten und Durchstreichungen; andere Plattformen unterstützen Fußnoten oder Formeln. Wenn Portabilität wichtig ist, halte dich an die CommonMark-Grundlagen und teste im Zielsystem.