Markdown-Vorschau

Q: Wie erstelle ich eine Aufgabenliste in Markdown?

Beginnen Sie einen Listenpunkt mit - [ ] für eine offene Aufgabe oder - [x] für eine erledigte. Die Vorschau zeichnet für jeden ein Kästchen. Um eine vorhandene einfache Liste in Aufgaben umzuwandeln, fügen Sie sie in den Markdown-Checklisten-Generator ein.

Sehen Sie Ihr Markdown beim Tippen als formatierte Seite und kopieren Sie dann das HTML.

Läuft in Ihrem Browser
Keine Uploads
Kein Konto

Ihr Browser-Tool wird geladen…

Was Markdown-Vorschau macht

Eine README, einen Help-Center-Entwurf oder Versionshinweise in Markdown schreiben Sie schneller, wenn Sie das Ergebnis sehen. Fügen Sie links Text ein oder tippen Sie ihn, und rechts erscheint die formatierte Seite, die sich beim Bearbeiten aktualisiert. Darüber sehen Sie Wortzahl und Lesezeit.

Nutzen Sie die Vorschau, um vor dem Commit oder der Veröffentlichung zu prüfen, ob eine Tabelle sauber ausgerichtet ist, eine verschachtelte Liste dort eingerückt ist, wo Sie es erwarten, oder eine Aufgabenliste ihre Kästchen zeigt. Wenn alles passt, liefert „HTML kopieren“ das Markup hinter der Vorschau; Markdown in HTML umwandeln bietet zusätzlich ein vollständiges Dokument.

Beispiel

Eingabe

## Wochenupdate

Wir haben **automatische Untertitel** veröffentlicht.

- [x] Untertitel
- [ ] Dunkelmodus

„HTML kopieren“ liefert

<h2 id="wochenupdate">Wochenupdate</h2>
<p>Wir haben <strong>automatische Untertitel</strong> veröffentlicht.</p>
<ul>
  <li class="task-list-item"><input type="checkbox" disabled="" checked=""> Untertitel</li>
  <li class="task-list-item"><input type="checkbox" disabled=""> Dunkelmodus</li>
</ul>

Die Vorschau zeigt ein abgehaktes und ein leeres Kästchen. Auf der Seite wird die Überschrift eine Ebene kleiner dargestellt, damit sie unter dem Titel des Tools steht, das kopierte HTML behält aber h2.

Anleitung: Markdown-Vorschau

Fügen Sie Markdown in das Textfeld ein, klicken Sie auf „Datei öffnen“, um eine .md-Datei zu laden, oder auf „Beispiel verwenden“.
Lesen Sie beim Bearbeiten die gerenderte Vorschau; aktivieren Sie unter „Weitere Optionen“ „Externe Bilder in der Vorschau laden“, wenn verlinkte Bilder erscheinen sollen.
Klicken Sie auf „HTML kopieren“ für das Markup oder auf „.html herunterladen“ für eine eigenständige Seite.

Gut zu wissen

Die gängige Syntax im GitHub-Stil wird abgedeckt, aber nicht jede Erweiterung: Fußnoten, Formeln, Mermaid-Diagramme und Emoji-Kürzel wie :tada: erscheinen als reiner Text.
Bilder mit relativen Pfaden wie ./img/step-1.png können nicht geladen werden, weil neben dem eingefügten Text kein Ordner liegt; sie erscheinen als Platzhalter.
Die Wortzahl über der Vorschau ist eine schnelle Schätzung. Für eine Zählung ohne Code und Link-URLs nutzen Sie den Markdown-Wortzähler.

Fragen zu Markdown-Vorschau

Wie sehe ich eine Markdown-Datei in der Vorschau, ohne einen Editor zu installieren?

Klicken Sie auf „Datei öffnen“ und wählen Sie die .md-Datei, oder fügen Sie ihren Inhalt ein. Die gerenderte Seite erscheint sofort neben dem Text und aktualisiert sich beim Bearbeiten. Es muss nichts installiert werden, und die Datei bleibt auf Ihrem Gerät.

Warum erscheint meine Tabelle als reiner Text mit Pipes?

Eine Markdown-Tabelle braucht eine Kopfzeile, auf die direkt eine Trennzeile aus Bindestrichen folgt, etwa | --- | --- |. Fehlt die Trennzeile oder steht eine Leerzeile dazwischen, werden die Zeilen als normaler Absatz dargestellt.

Warum erzeugt ein einfacher Zeilenumbruch keine neue Zeile?

In Markdown wird ein einfacher Zeilenumbruch innerhalb eines Absatzes als Leerzeichen gelesen. Beenden Sie die Zeile mit zwei Leerzeichen oder einem Backslash, um einen Zeilenumbruch zu erzwingen, oder lassen Sie eine Leerzeile für einen neuen Absatz.

Wie erstelle ich eine Aufgabenliste in Markdown?

Beginnen Sie einen Listenpunkt mit - [ ] für eine offene Aufgabe oder - [x] für eine erledigte. Die Vorschau zeichnet für jeden ein Kästchen. Um eine vorhandene einfache Liste in Aufgaben umzuwandeln, fügen Sie sie in den Markdown-Checklisten-Generator ein.