Markdown Editor

Markdown Editor

Schreiben Sie Markdown links, sehen Sie die Live-Vorschau rechts. Toolbar-Shortcuts für jede gängige Formatierung. Vollständig clientseitig — Ihre Inhalte verlassen nie Ihren Browser.

Nein. Die gesamte Markdown-Analyse erfolgt vollständig in Ihrem Browser mit der marked-Bibliothek (mit DOMPurify zur Bereinigung der Ausgabe gegen XSS). Ihr Inhalt wird niemals übertragen, protokolliert oder gespeichert.

CommonMark + GitHub Flavored Markdown (GFM): Tabellen, Aufgabenlisten ([x], [ ]), Durchstreichen (~~), Auto-Links und eingezäunte Codeblöcke mit sprachgetaggter Syntaxhervorhebung.

Editor 0 Wörter · 0 Zeichen
Vorschau

Warum Markdown Editor?

Sauber, schnell, live — mit allen gängigen Markdown-Erweiterungen integriert.

Live-Vorschau

Das gerenderte HTML wird beim Tippen aktualisiert, mit syntaxhervorgehobenen Codeblöcken und GitHub Flavored Markdown.

Geteilte oder volle Ansicht

Wählen Sie Splitscreen (Editor + Vorschau), nur Editor oder nur Vorschau. Das Layout passt sich automatisch an mobile Geräte an.

Datenschutz durch Design

Die gesamte Markdown-Analyse erfolgt in Ihrem Browser. Ihre Inhalte werden niemals an einen Server übertragen oder irgendwo gespeichert.

Toolbar & Shortcuts

Ein-Klick-Buttons für Überschrift, Fett, Kursiv, Code, Link, Zitat, Listen, Tabellen, Checkboxen. Tastenkürzel: Ctrl/⌘+B, I, K.

GitHub Flavored Markdown

Tabellen, Aufgabenlisten, Durchstreichen, eingezäunte Codeblöcke mit automatischer Spracherkennung für über 190 Sprachen.

Kopieren & Herunterladen

Kopieren Sie den Markdown-Quelltext oder das gerenderte HTML in die Zwischenablage oder laden Sie es als.md-Datei herunter.

So funktioniert der Markdown-Editor

Links bearbeiten, rechts HTML sehen — sofort, lokal.

  1. 1

    Markdown tippen oder einfügen

    Der linke Bereich ist eine reine Textarea. Füge eine bestehende .md-Datei ein oder lege los. Standard-Tastenkürzel funktionieren (⌘ B für Fett, ⌘ I für Kursiv) und wir ergänzen eine Toolbar für Überschriften, Listen, Links, Code-Blöcke und Tabellen.

  2. 2

    Marked.js rendert zu HTML

    Bei jedem Tastenanschlag schicken wir den Input durch marked, einen praxiserprobten CommonMark- + GitHub-Flavoured-Markdown-Parser. GFM-Funktionen — Task-Listen, Tabellen, Durchstreichen, Autolinks — laufen alle. Der Output wird mit DOMPurify bereinigt, um eingebettete Skripte zu entfernen.

  3. 3

    Vorschau mit Syntax-Highlighting

    Code-Blöcke im gerenderten HTML werden mit highlight.js für ~190 Sprachen hervorgehoben. Der Vorschaubereich scrollt synchron zum Editor, damit du immer den gerenderten Abschnitt siehst, an dem du gerade arbeitest.

  4. 4

    Kopieren oder herunterladen

    Exportiere das rohe Markdown, das gerenderte HTML oder ein einzelnes self-contained-Bild (PNG via html-to-image). Alle drei Outputs entstehen in deinem Browser — kein Wort deines Entwurfs erreicht einen Server.

Wofür das Tool genutzt wird

Echte Workflows, in denen ein Browser-only-Editor punktet.

README-Dateien entwerfen

Editor öffnen, Projektbeschreibung einfügen, exakt sehen, wie die README auf GitHub gerendert wird — bevor du pushst. Kein Commit-und-Revert nur für eine Vorschau.

Blog-Beiträge schreiben

Nutze die Live-Vorschau beim Schreiben, um kaputtes Markdown zu erkennen — fehlende Klammern, fehlerhafte Tabellen, übersprungene Überschriften-Ebenen. Spart den Umweg „veröffentlichen, kaputten Render sehen, fixen, neu veröffentlichen“.

Notizen offline machen

Nach dem Laden funktioniert der Editor im Flugzeug oder hinter einer Firmen-Firewall. Dein Entwurf liegt im Browser-Tab; schließe ihn vorsichtig oder kopiere den Inhalt heraus, bevor du wegnavigierst.

Markdown in sauberes HTML wandeln

Wirf ein langes Markdown-Dokument hinein, kopiere das gerenderte HTML, füge es in dein CMS ein. Oft sauberer als der native Markdown-Importer des CMS, der Formatierung unvorhersehbar entfernt.

Warum Entwürfe Privatsphäre verdienen

Entwürfe enthalten oft unfertige Gedanken, interne Produktnamen, Kunden-Feedback oder NDA-pflichtiges Material. Online-Editoren mit Auto-Save in die Cloud machen klammheimlich aus jedem Tastenanschlag einen Server-Log-Eintrag. Der Markdown-Editor von iKit hat nicht einmal einen Save-Endpoint — dein Entwurf existiert nur in deinem Browser-Tab.

  • Kein Auto-Save auf einen Server, keine Entwurfshistorie auf unserer Seite.
  • Renderings passieren bei jedem Tastenanschlag lokal — kein verzögerter API-Aufruf.
  • Eingebettete Bilder bleiben Data-URIs oder externe URLs, die du einfügst — wir proxyen sie nicht.

Verwandte Anleitungen

Ausführliche Tutorials und Tool-Vergleiche aus dem iKit-Blog.

Häufig gestellte Fragen

Wird mein Inhalt an einen Server gesendet?

Nein. Die gesamte Markdown-Analyse erfolgt vollständig in Ihrem Browser mit der marked-Bibliothek (mit DOMPurify zur Bereinigung der Ausgabe gegen XSS). Ihr Inhalt wird niemals übertragen, protokolliert oder gespeichert.

Welche Markdown-Variante wird unterstützt?

CommonMark + GitHub Flavored Markdown (GFM): Tabellen, Aufgabenlisten ([x], [ ]), Durchstreichen (~~), Auto-Links und eingezäunte Codeblöcke mit sprachgetaggter Syntaxhervorhebung.

Werden meine Dateien gespeichert?

Nein. Dieses Tool speichert nicht automatisch. Verwenden Sie die Schaltfläche Herunterladen, um Ihr Dokument als.md-Datei zu speichern. Da nichts auf dem Server gespeichert wird, löscht das Aktualisieren der Seite Ihre Arbeit.

Welche Tastenkürzel sind verfügbar?

Ctrl/⌘+B für Fett, Ctrl/⌘+I für Kursiv, Ctrl/⌘+K für Link. Tab fügt 4 Leerzeichen ein (oder rückt ausgewählte Zeilen ein). Shift+Tab rückt ausgewählte Zeilen aus.

Kann ich Bilder einfügen oder ablegen?

Derzeit können Sie Bildsyntax (![alt](url)) über die Toolbar einfügen. Direktes Bild-Einfügen / Ablegen ist nicht implementiert, da Bilder irgendwo gespeichert werden müssten — was das Datenschutz-zuerst-Design brechen würde.