Markdown-Editor mit Live-Vorschau

Schreib links Markdown und sieh rechts schon beim Tippen das formatierte Ergebnis. Öffne .md-Dateien, nutze die Werkzeugleiste oder Tastenkürzel und lade dann HTML herunter, kopiere formatierten Text in eine E-Mail oder ein Dokument oder speichere die .md-Datei.

Deine Dateien bleiben auf deinem Gerät. Alles läuft in deinem Browser.

So funktioniert es

  1. Schreiben oder öffnenTipp in das linke Feld, füge Text ein oder öffne eine .md-Datei. Die Vorschau rechts aktualisiert sich beim Tippen.
  2. FormatierenNutze die Werkzeugleiste oder die Tastenkürzel für Fett, Links, Listen, Aufgabenlisten, Tabellen und Codeblöcke.
  3. ExportierenLade eine vollständige HTML-Seite herunter, kopiere den HTML-Code, kopiere formatierten Text oder speichere das Markdown als .md-Datei.

Markdown so, wie GitHub es anzeigt

Der Editor versteht das Markdown, das du von GitHub, GitLab und den meisten Dokumentationsseiten kennst: Überschriften, fetter und kursiver Text, Links, Bilder, Zitate, nummerierte und Aufzählungslisten, die sich verschachteln lassen, Trennlinien und Zeilenumbrüche. Dazu kommen die GitHub-Erweiterungen: Tabellen mit links, zentriert oder rechts ausgerichteten Spalten, Aufgabenlisten mit Kontrollkästchen, Durchstreichen und eingezäunte Codeblöcke mit Sprachangabe.

Jede Überschrift bekommt eine Anker-ID nach demselben Muster wie bei GitHub. Ein Link wie [Installation](#installation) springt also sowohl in der Vorschau als auch im exportierten HTML zum Abschnitt Installation. Hakst du in der Vorschau ein Kästchen an, ändert sich [ ] oder [x] in deinem Text.

Von Markdown zu E-Mail, Dokument oder Webseite

Formatierten Text kopieren legt das gerenderte Ergebnis in die Zwischenablage. Beim Einfügen in Gmail, Outlook, Word oder Google Docs bleiben Überschriften, Listen, Links und Tabellen erhalten. HTML herunterladen speichert eine vollständige Seite mit schlichter, gut lesbarer Gestaltung, die sich in jedem Browser öffnet, und HTML kopieren kopiert nur den Code für einen Blog, ein CMS oder eine Newsletter-Vorlage.

Stell Anzeigen auf HTML, um den erzeugten Code beim Schreiben zu sehen. Die Ausgabe ist sauberes HTML ohne Klassen und Inline-Styles, abgesehen von der Sprachangabe bei Codeblöcken und den Markierungen von Aufgabenlisten.

Sicher und privat

Markdown-Dateien können rohes HTML enthalten. Bevor etwas angezeigt wird, durchläuft das Ergebnis einen strengen Filter, der Skripte, Event-Handler, Frames und javascript:-Links entfernt. Eine Datei aus unbekannter Quelle kann auf dieser Seite also keinen Code ausführen. Dein Text wird nirgendwohin geschickt: Er wird in deinem Browser verarbeitet, und der aktuelle Entwurf wird nur in diesem Browser gespeichert, damit er nach dem Neuladen noch da ist.

Häufige Fragen

Wird mein Text hochgeladen oder auf einem Server gespeichert?

Nein. Alles passiert in deinem Browser. Der Entwurf liegt nur im Speicher dieses Browsers, damit er ein Neuladen übersteht. Leere den Editor, um ihn zu entfernen.

Wird GitHub Flavored Markdown unterstützt?

Die meistgenutzten Teile ja: Tabellen mit Ausrichtung, Aufgabenlisten, Durchstreichen, eingezäunte Codeblöcke mit Sprachangabe, automatische Links und Überschriftenanker. Fußnoten und mathematische Formeln werden nicht unterstützt.

Kann ich HTML in Markdown verwenden?

Ja, gängige Tags wie br, sub, sup, kbd, details und summary funktionieren. Skripte, Styles, Formulare, Frames und Event-Attribute werden immer entfernt.

Warum erscheinen Bilder aus dem Web nicht in der Vorschau?

Aus Sicherheitsgründen lädt diese Seite keine Bilder von anderen Websites. Die Vorschau zeigt stattdessen einen Platzhalter mit der Bildbeschreibung. Das exportierte HTML behält die Bildlinks, und eingefügte Bilder im Datenformat werden angezeigt.

Wie füge ich das Ergebnis in Word oder Gmail ein?

Klick auf Formatierten Text kopieren und füge es mit Strg+V ein. Überschriften, Listen, Links und Tabellen behalten ihre Formatierung.

Funktioniert es offline und auf dem Handy?

Ja. Nachdem die Seite einmal geöffnet wurde, funktioniert sie auch ohne Verbindung. Der Editor läuft auch auf Handys und Tablets, dort erscheint die Vorschau unter dem Text.