Markdown-Editor & Vorschau

Der Editor unterstützt CommonMark-kompatibles Markdown plus GitHub Flavored Markdown (GFM) Erweiterungen: Überschriften (# bis ######), **Fettdruck** / __Fettdruck__, *Kursivschrift* / _Kursivschrift_, ~~Durchstreichen~~, [Links](url) und , ungeordnete Listen (- oder *), geordnete Listen (1. 2.), eingezäunte Codeblöcke (```language), Inline-`Code`, Blockzitate (>), Tabellen (| Spalte | Spalte |), horizontale Linien (---) und Aufgabenlisten (- [x] / - [ ]). Die Formatierungsleiste fügt mit einem Klick die korrekte Syntax für all diese Elemente ein.

CommonMark ist die standardisierte Markdown-Spezifikation (unter commonmark.org), die Unklarheiten in der ursprünglichen Markdown-Spezifikation auflöst. GitHub Flavored Markdown (GFM) erweitert CommonMark um: Tabellen, Durchstreichen (~~), Aufgabenlisten (- [x]), automatisch verlinkte URLs (bare URLs werden anklickbar) und eingezäunte Codeblöcke mit Syntax-Highlighting. Dieser Editor unterstützt beides — alle CommonMark-Funktionen funktionieren, und die GFM-Erweiterungen (Tabellen, Durchstreichen, Aufgabenlisten) werden ebenfalls unterstützt. Wenn Sie Dokumentationen für GitHub schreiben, haben Sie den vollständigen Funktionsumfang.

Markdown-Tabellen verwenden | (Pipe) zur Trennung von Spalten und - (Bindestriche) für die Trennzeile des Headers. Beispiel:\n\n| Header 1 | Header 2 | Header 3 |\n|----------|----------|----------|\n| Zelle 1 | Zelle 2 | Zelle 3 |\n| Zelle 4 | Zelle 5 | Zelle 6 |\n\nAusrichtung: Verwenden Sie Doppelpunkte in der Trennzeile: |:---| für links, |:---:| für Mitte, |---:| für rechts. Die Toolbar fügt eine Basis-Tabellenvorlage ein. Tabellen benötigen keine perfekt ausgerichteten Pipes — der Parser übernimmt die lockere Formatierung.

Die Markdown-Bildsyntax ist . Für lokal gespeicherte Bilder müssen Sie diese irgendwo hosten (GitHub-Repo, CDN, Bildhosting-Service) und die absolute URL verwenden. Für GitHub READMEs können Sie auf Bilder im selben Repository über einen relativen Pfad verweisen: . Für E-Mails oder Offline-Dokumente können Base64-kodierte Bilder eingebettet werden:  — generieren Sie die Data URI mit dem Base64-Tool auf dieser Seite. Die Bildschaltfläche der Toolbar fügt eine Vorlage mit Platzhalterwerten ein, die Sie ausfüllen können.

Ja, es gibt vier Exportoptionen: Markdown kopieren (Zwischenablage) — zum Einfügen in GitHub, ein CMS oder ein anderes Markdown-Tool. HTML kopieren (Zwischenablage) — das gerenderte HTML, bereit zum Einfügen in einen E-Mail-Editor oder eine Website. .md herunterladen — speichert die Markdown-Quelle als Datei. .html herunterladen — speichert eine eigenständige HTML-Datei mit dem gerenderten Inhalt. Der HTML-Export enthält grundlegende Stilmittel aus der Vorschau und ist sofort in jedem Browser ansehbar.

Ja. Auf dem Desktop verwendet der Editor eine geteilte Seitenansicht (Side-by-Side). Auf Tablets und Mobilgeräten stapeln sich die Panels vertikal (Editor oben, Vorschau unten). Die Schaltflächen der Toolbar funktionieren auf Touchscreens. Für längere Schreibsitzungen auf Mobilgeräten können Sie in den „Editor“-Modus wechseln (nur Texteingabe, keine Vorschau), um den Bearbeitungsbereich zu maximieren, und dann in den „Vorschau“-Modus wechseln, um das gerenderte Ergebnis zu überprüfen.

Nein. Die gesamte Markdown-Parsing- und HTML-Rendering-Leistung findet direkt in Ihrem Browser statt, wobei eine JavaScript Markdown-Bibliothek verwendet wird. Ihr Text wird niemals irgendwo hochgeladen. Dies macht den Editor sicher für das Entwerfen vertraulicher Dokumente, geschützter Dokumentationen oder jeglicher Inhalte, die Sie nicht an einen Drittanbieter senden möchten.