Markdown-Editor mit Vorschau

So verwenden Sie den Markdown-Editor

1. Schreiben oder fügen Sie Markdown in das Feld Markdown ein. Die Vorschau daneben (auf dem Handy darunter) aktualisiert sich beim Tippen.
2. Nutzen Sie die Schaltflächen unter Formatierung (Fett, Kursiv, Überschrift, Link, Liste, Zitat, Code), um den markierten Text zu formatieren, oder drücken Sie Strg+B / Strg+I (⌘B / ⌘I auf dem Mac).
3. Lassen Sie GitHub Flavored Markdown (Tabellen, Aufgabenlisten, \~\~Durchgestrichen\~\~, automatische Links) aktiviert, um die auf GitHub übliche Syntax zu nutzen, oder deaktivieren Sie die Option für einfaches Markdown im CommonMark-Stil.
4. Wenn Sie fertig sind, klicken Sie auf HTML kopieren, um das HTML in ein CMS oder eine E-Mail-Vorlage einzufügen, auf .md herunterladen, um den Markdown-Quelltext zu sichern, oder auf .html herunterladen, um eine vollständige Webseite zu erhalten.

Die Zähler unter dem Editor zeigen die Wörter und Zeichen Ihres Dokuments sowie eine geschätzte Lesezeit bei 200 Wörtern pro Minute. Gezählt wird im gerenderten Text, Markdown-Zeichen wie # oder ** blähen die Zahl also nicht auf.

Automatisches Speichern im Browser

Ist In diesem Browser automatisch speichern aktiviert, wird Ihr Entwurf kurz nach dem Ende der Eingabe im lokalen Speicher Ihres Browsers auf diesem Gerät gesichert. Wenn Sie zurückkehren, wird der letzte Entwurf wiederhergestellt. Nichts wird an einen Server gesendet, der Entwurf folgt Ihnen also nicht in einen anderen Browser oder auf ein anderes Gerät. Beim privaten Surfen oder wenn der Speicher voll oder gesperrt ist, meldet das Tool, dass automatisches Speichern nicht verfügbar ist: Laden Sie Ihren Text dann herunter. Wenn Sie die Option deaktivieren, wird der gespeicherte Entwurf gelöscht.

Markdown-Spickzettel

• Überschriften: # Titel, ## Abschnitt, ### Unterabschnitt
• Hervorhebung: **fett**, _kursiv_, ~~durchgestrichen~~ (GFM)
• Links: [Text](https://example.com); mit GFM werden auch nackte URLs zu Links
• Bilder: ![Beschreibung](data:image/png;base64,…)
• Listen: - Punkt oder 1. Punkt; Aufgabenlisten mit - [ ] und - [x] (GFM)
• Zitate: > zitierter Text
• Code: `inline` oder ein Block zwischen zwei Zeilen mit drei Backticks
• Tabellen (GFM): eine Kopfzeile, eine Zeile | --- | --- |, dann eine Tabellenzeile pro Zeile

Sicherheit von Vorschau und Export

Markdown kann rohes HTML enthalten, in dem sich Skripte verstecken könnten. Bei jeder Aktualisierung der Vorschau wird das von der Markdown-Engine erzeugte HTML vor der Anzeige mit DOMPurify bereinigt: Skripte, Event-Handler wie onclick, javascript:-Links, Inline-Styles, Formulare, Frames und eingebettete Medien werden entfernt. Links öffnen sich in einem neuen Tab. Dasselbe bereinigte HTML verwenden HTML kopieren und .html herunterladen, sodass Sie es bedenkenlos in andere Seiten einfügen können.

Die Vorschau zeigt nur Bilder, die als data:- oder blob:-URL eingebettet sind. Externe Bilder wie https://…/foto.jpg werden nie geladen: Die Sicherheitsrichtlinie dieser Seite blockiert sie, und so lässt sich die Vorschau auch nicht nutzen, um Sie zu verfolgen. Das Tool meldet, wie viele Bilder es nicht anzeigen konnte. Das heruntergeladene Markdown behält die ursprünglichen Bildlinks, sie funktionieren also überall, wo Sie es veröffentlichen.

Die .html-Datei ist eine eigenständige Seite mit einem kleinen eingebauten Stylesheet (gut lesbare Schriften, Tabellen, Codeblöcke und ein dunkler Modus). Ihr Titel stammt aus der ersten Überschrift Ihres Dokuments, die auch die heruntergeladenen Dateien benennt.