Markdown-Vorschau

Markdown-Vorschau mit Live-Editor: links schreiben, rechts sofort das Ergebnis sehen. Mit GitHub Flavored Markdown, Tabellen, Aufgabenlisten, Codeblöcken und Export als HTML.

Markdown

Vorschau

Alles läuft in Ihrem Browser. Ihr Entwurf wird nur lokal in diesem Browser zwischengespeichert. Bilder von fremden Adressen werden erst geladen, wenn Sie das oben erlauben.

Markdown schreiben und als HTML exportieren

Die Markdown-Vorschau ist ein Markdown Editor online mit Live-Ansicht: Links schreiben Sie, rechts erscheint sofort das formatierte Ergebnis. Unterstützt wird GitHub Flavored Markdown, also die Variante, die GitHub, GitLab und viele Wikis nutzen: Überschriften, Listen, Aufgabenlisten mit Checkboxen, Codeblöcke mit Sprachangabe, Zitate, Links, Bilder, Durchstreichen mit ~~ und Tabellen. Mit „HTML kopieren“ oder „HTML-Datei“ wandeln Sie Markdown in HTML um.

Eine Markdown-Tabelle schreiben Sie mit senkrechten Strichen und einer Trennzeile aus Bindestrichen, etwa | Name | Preis | und darunter |:--|--:|. Doppelpunkte legen die Ausrichtung fest: links, rechts oder mit Doppelpunkten auf beiden Seiten zentriert. Aufgaben schreiben Sie als - [ ] für offen und - [x] für erledigt.

Zur Sicherheit wird HTML im Markdown nicht ausgeführt, sondern als Text angezeigt, und Links mit javascript: werden entfernt. Der Parser ist auf die gängigen Fälle ausgelegt und kein vollständiger CommonMark-Parser; seltene Randfälle wie verschachtelte Hervorhebungen, HTML-Blöcke oder Fußnoten können abweichen. Wer eine KI-Antwort ohne Sternchen in Word übernehmen will, nutzt besser Markdown umwandeln.

Anleitung: Markdown-Vorschau in 4 Schritten

  1. Markdown links schreiben oder einfügen, mit „Beispiel“ lässt sich eine Vorlage laden.
  2. Rechts die Vorschau prüfen, sie aktualisiert sich beim Tippen.
  3. Bei Bedarf „HTML-Quelltext statt Vorschau zeigen“ oder „Externe Bilder in der Vorschau laden“ einschalten.
  4. Mit „HTML kopieren“ oder „HTML-Datei“ das Ergebnis als HTML übernehmen.

Typische Anwendungsfälle

  • README prüfen: Eine README.md vor dem Push auf GitHub oder GitLab ansehen, inklusive Tabellen und Aufgabenlisten.
  • Dokumentation schreiben: Wiki-Seiten oder Anleitungen in GitHub Flavored Markdown entwerfen.
  • KI-Antworten lesen: Eine Antwort aus ChatGPT oder Claude mit Markdown-Zeichen formatiert anzeigen.
  • Markdown in HTML: Einen Text für ein CMS oder einen Newsletter als HTML-Code ausgeben.
Fragen

Häufige Fragen

Wie erstelle ich eine Markdown-Tabelle?

Erste Zeile mit den Spaltenköpfen zwischen senkrechten Strichen, darunter eine Trennzeile wie |---|---|, dann je Zeile ein Datensatz. Mit Doppelpunkten in der Trennzeile richten Sie Spalten aus. Klicken Sie auf „Beispiel“, um eine fertige Tabelle zu sehen.

Was ist GitHub Flavored Markdown?

Eine Erweiterung des Markdown-Standards CommonMark, die GitHub eingeführt hat. Sie ergänzt unter anderem Tabellen, Aufgabenlisten, Durchstreichen und automatische Links.

Wird mein Text gespeichert?

Nur lokal: Der Entwurf liegt im Speicher Ihres Browsers, damit er nach dem Neuladen noch da ist. An einen Server wird nichts geschickt.

Kann ich HTML in Markdown verwenden?

Viele Plattformen erlauben das. Diese Vorschau zeigt HTML aus Sicherheitsgründen nur als Text an, damit eingefügte Skripte nicht ausgeführt werden.

Wie füge ich einen Codeblock mit Sprachangabe in Markdown ein?

Den Code zwischen zwei Zeilen mit je drei Backticks setzen und hinter die ersten Backticks die Sprache schreiben, etwa ```python. Ob der Code farbig hervorgehoben wird, hängt von der Plattform ab, auf der das Markdown später angezeigt wird.

Wie wandle ich Markdown in HTML um?

Markdown einfügen und auf „HTML kopieren“ klicken oder mit „HTML-Datei“ eine Datei herunterladen. Den erzeugten Code sehen Sie vorher mit „HTML-Quelltext statt Vorschau zeigen“.

Weitere Werkzeuge

Das könnte auch helfen

Alle 358 Werkzeuge