Markdown-Vorschau

Markdown schreiben und Live-HTML-Vorschau nebeneinander sehen

Was ist das und wie funktioniert es?

Markdown ist eine schlanke Art, formatierten Text mit einfachen Zeichen zu schreiben: Ein # erzeugt eine Überschrift, **Sternchen** machen Text fett, und ein Bindestrich beginnt eine Liste. Eine Markdown-Vorschau zeigt das gerenderte HTML-Ergebnis direkt neben dem Getippten, sodass Sie genau sehen, wie Überschriften, Links, Codeblöcke und Listen aussehen, bevor Sie veröffentlichen. Das beseitigt das Rätselraten beim Schreiben für Plattformen wie GitHub, Reddit, Doku-Seiten oder statische Blogs, wo man Markdown einreicht und das Ergebnis erst nach dem Speichern sieht.

Der Wert einer Live-Vorschau liegt darin, Formatierungsfehler sofort zu erkennen — eine Liste, die nicht gerendert wurde, weil die Leerzeile darüber fehlte, ein Link mit falsch gesetzter Klammer oder ein Codeblock, der den Rest verschluckt hat, weil ein Zaun offen blieb. Dieses Tool rendert beim Tippen und bleibt vollständig im Browser, sodass Sie README-Dateien, Kommentare oder Notizen privat entwerfen und am Ende entweder den Markdown-Quelltext oder das erzeugte HTML kopieren können.

Anwendungsfälle

• Ein GitHub-README schreiben: Entwerfen Sie die Projektbeschreibung mit Überschriften, Badges und Codeblöcken und prüfen Sie die Darstellung vor dem Commit.
• Dokumentation entwerfen: Sehen Sie Tabellen, Links und verschachtelte Listen in der Vorschau, damit die Struktur hält, bevor Sie sie in eine Doku-Plattform einfügen.
• Markdown lernen: Tippen Sie ein Syntaxelement und sehen Sie sofort das Ergebnis — der schnellste Weg, die Regeln am Beispiel zu lernen.

Häufige Fragen

Welchen Markdown-Dialekt nutzt diese Vorschau?

Sie folgt den Standard-CommonMark-Konventionen plus gängigen Erweiterungen wie umzäunten Codeblöcken und Tabellen. Die meisten Plattformen bauen auf derselben Basis auf, daher entspricht das hier Gezeigte weitgehend GitHub, GitLab und üblichen Static-Site-Generatoren, auch wenn plattformspezifische Funktionen leicht abweichen können.

Warum wird meine Liste oder Überschrift nicht gerendert?

Markdown braucht meist eine Leerzeile vor einem Blockelement. Eine Liste direkt unter einem Absatz oder eine Überschrift ohne Leerzeichen nach dem # wird als reiner Text behandelt. Eine Leerzeile über dem Block behebt es fast immer.

Bekomme ich die HTML-Ausgabe, nicht nur die Vorschau?

Ja — die Vorschau wird aus echtem HTML erzeugt, also können Sie das gerenderte Markup für ein CMS oder eine E-Mail-Vorlage kopieren oder den Markdown-Quelltext für eine Plattform, die Markdown erwartet.

Wird mein Text irgendwohin hochgeladen?

Nein. Die Umwandlung läuft vollständig im Browser per JavaScript, es wird also nichts Getipptes an einen Server gesendet. Sie können private Notizen, interne Dokus oder unveröffentlichte Inhalte bedenkenlos entwerfen.

Text

Groß-/Kleinschreibung · Wortzähler · Zeichenzähler · Lorem-Ipsum-Generator · Leerzeichen entfernen · Textzeilen sortieren