Markdown-Editor
Über dieses Tool
Der Markdown-Editor zeigt links deinen Text und rechts sofort die formatierte Vorschau. Er unterstützt CommonMark und die GitHub-Erweiterungen wie Tabellen, Aufgabenlisten und Durchstreichen. Den fertigen Text kannst du als .md-Datei sichern, als HTML kopieren oder speichern und über den Druckdialog als PDF ausgeben. Die Umwandlung läuft komplett in deinem Browser, der Text wird nicht an einen Server gesendet.
Wofür du es nutzen kannst
- Eine README für ein Softwareprojekt schreiben und prüfen, wie sie formatiert aussieht
- Notizen oder Dokumentation in Markdown verfassen und als .md-Datei ablegen
- Einen Beitrag für ein Blog, Forum oder Wiki vorbereiten, das Markdown versteht
- Eine Tabelle in Markdown bauen und mit „Tabelle ausrichten“ sauber formatieren
- Eine Aufgabenliste mit Kontrollkästchen (- [ ] und - [x]) anlegen
- Markdown in HTML umwandeln und den Inhalt zum Einfügen in eine Webseite kopieren
- Ein Dokument über „Drucken / PDF“ als PDF speichern
- Markdown-Syntax mit dem Spickzettel nachschlagen und ausprobieren
- Eine vorhandene .md- oder .txt-Datei öffnen, bearbeiten und wieder speichern
- Lange Texte über die Gliederung der Überschriften durchsuchen
Häufige Fragen
Wie sieht mein Markdown formatiert aus?
Schreibe oder füge deinen Text links in den Editor ein. Rechts erscheint sofort die Vorschau mit Überschriften, Listen, Tabellen und Code. Über „Geteilt“, „Editor“ und „Vorschau“ wechselst du die Ansicht.
Wie bekomme ich Markdown als HTML heraus?
Mit „HTML kopieren“ kopierst du nur den Inhalt ohne Seitenrahmen. „.html speichern“ erzeugt eine eigenständige Seite mit Gestaltung, ohne Skripte und mit einer Sicherheitsregel.
Wie speichere ich das Ergebnis als PDF?
„Drucken / PDF“ öffnet die fertige Seite in einem neuen Tab. Dort drückst du Strg+P und wählst „Als PDF speichern“. Blockiert der Browser den neuen Tab, speichere die HTML-Datei und drucke sie von dort.
Wird mein Text an einen Server gesendet?
Nein, die Umwandlung läuft im Browser. Der Text steht auch nie in der Adresse. Externe Bilder werden standardmäßig nicht geladen, damit fremde Server deine Adresse nicht sehen.
Bleibt mein Text erhalten, wenn ich die Seite schließe?
Nur wenn das Merken des Entwurfs eingeschaltet ist. Dann liegt er ausschließlich in diesem Browser (localStorage), nicht auf dem Server und nicht auf anderen Geräten. Wichtige Texte solltest du zusätzlich als .md-Datei sichern.
Welche Markdown-Funktionen werden unterstützt?
CommonMark 0.31 sowie Tabellen, Aufgabenlisten, Durchstreichen und automatische Links aus GFM. Fußnoten, Formeln, Diagramme, Emoji-Kürzel und farbige Syntax im Code gehören nicht dazu.
Ist Roh-HTML im Markdown gefährlich?
Die Vorschau läuft in einem abgeschotteten Rahmen ohne Skripte und ohne Zugriff auf die Seite. Du kannst HTML-Tags zulassen, als Text zeigen oder entfernen. Bei HTML aus unbekannter Quelle ist „Entfernen“ sinnvoll.
Welche Tastenkürzel gibt es?
Strg (Mac: Cmd) plus B für fett, I für kursiv, K für Link, E für Code und S zum Speichern der .md-Datei. Enter setzt Listen fort, Tab rückt Listenpunkte ein. Die Kürzel stehen auch in den Tooltips der Knöpfe.
Hintergrund
Markdown ist eine einfache Schreibweise für formatierten Text. Ein Rautenzeichen am Zeilenanfang macht eine Überschrift, Sternchen um ein Wort machen es fett oder kursiv, ein Bindestrich beginnt eine Liste. Die Datei bleibt reiner Text und lässt sich mit jedem Editor öffnen. Erst ein Umwandler macht daraus HTML. Deshalb ist Markdown bei Dokumentation, Notizen und README-Dateien verbreitet.
Die Grundregeln sind in der Spezifikation CommonMark festgelegt, die dieser Editor in Version 0.31 umsetzt. GitHub Flavored Markdown (GFM) ergänzt sie um Tabellen, Aufgabenlisten, durchgestrichenen Text und automatische Links. Tabellen schreibt man mit senkrechten Strichen; die zweite Zeile legt die Ausrichtung fest, etwa :-- für links, --: für rechts und :-: für mittig. Aufgabenlisten nutzen - [ ] für offene und - [x] für erledigte Punkte. Der Umwandler im Editor ist selbst geschrieben und kommt ohne Fremdbibliothek aus. Seltene Randfälle können sich deshalb von der Darstellung auf GitHub unterscheiden.
Markdown darf rohes HTML enthalten, auch Skript-Tags. Das ist beim Anzeigen eine Gefahrenquelle. Der Editor zeigt die Vorschau darum in einem iframe mit sandbox-Attribut, ohne Skripte, ohne Zugriff auf die umgebende Seite, ohne Formulare und Popups. Die Seite im Rahmen beginnt mit einer Content-Security-Policy, die das Nachladen von Inhalten verbietet, außer eingebetteten Bildern und, wenn erlaubt, Bildern per https. Links mit javascript: und gefährliche data:-Adressen sperrt der Umwandler zusätzlich. Roh-HTML lässt sich zulassen, als Text anzeigen oder entfernen.
Für die Ausgabe stehen drei Wege bereit. Die .md-Datei enthält den Text unverändert. Die .html-Datei ist ein eigenständiges Dokument mit Gestaltung und Sicherheitsregel, aber ohne Skripte. „HTML kopieren“ liefert nur den Inhalt ohne Rahmen und ohne Sicherheitsregel. Ein PDF entsteht über den Druckdialog des Browsers.
Der Entwurf kann im localStorage des Browsers liegen. Dieser Speicher gilt nur für diesen Browser und diese Adresse. Ein anderer Browser, ein privates Fenster oder gelöschte Website-Daten haben den Text nicht. Die Texte sind auf etwa eine Million Zeichen begrenzt, bei großen Texten aktualisiert sich die Vorschau verzögert.
