📝 Markdown-Editor ☆

Überblick

Markdown-Editor ist ein klarer Markdown-Editor mit Live-Vorschau. Schreiben Sie links, sehen Sie das gerenderte Dokument rechts: Überschriften, Fett und Kursiv, Durchgestrichen, Inline-Code, Codeblöcke, Links, Bilder, Listen, Zitate und horizontale Linien. Wort- und Zeichenzähler erfassen die Länge, und der Export ist einen Klick entfernt, HTML kopieren, .md-Quelle herunterladen oder eine komplette .html-Seite speichern. Der Renderer escaped alle Eingaben und säubert URLs, sodass eingefügter Inhalt keine Skripte einschleusen kann. Alles läuft lokal im Browser. Die Live-Vorschau zeigt das Ergebnis beim Tippen, mit Überschriften, Listen, Tabellen, Zitaten, Links und Code; du kannst das Markdown kopieren, herunterladen oder drucken.

So rendert der Editor Markdown

Die Quelle wird mit einem sanitisierenden Renderer in HTML geparst: Ueberschriften, Emphase, Listen, Codebloecke, Tabellen und Links erscheinen wie auf einer Doku-Plattform. Exporte decken die drei ueblichen Ziele: gerendertes HTML fuer CMS-Felder kopieren, die .md-Quelle fuer Repositories laden oder eine eigenstaendige .html-Seite laden, die ueberall oeffnet. Der Renderer escaped Eingaben und beschraenkt URL-Schemata, sodass eingefuegter Inhalt keine Skripte einschleusen kann.

Möglichkeiten und Einschränkungen

Eigenschaft	Verhalten
Bearbeitung	Geteilte Ansicht: Quelle links, Live-Vorschau rechts
Syntax	Ueberschriften, Emphase, Durchstreichen, Code, Links, Bilder, Listen, Zitate, Regeln, Tabellen
Zaehler	Woerter und Zeichen live
Exporte	Gerendertes HTML, .md-Quelle, eigenstaendige .html-Seite
Sicherheit	Input-Escaping und URL-Sanitisierung
Verarbeitung	100 % clientseitig; nichts wird hochgeladen
Kosten	Kostenlos, kein Konto, keine Werbung

Datenschutz: Entwuerfe bleiben im Browser

Entwuerfe, interne Doku und unveroeffentlichte Artikel sind vor Release sensibel. Der Editor uebertraegt nie Inhalte: nichts gespeichert oder protokolliert, die Seite arbeitet offline.

Effektive Markdown-Workflows

• Eine Leerzeile zwischen Bloecken lassen, die meisten Ueberraschungen kommen vom Spacing.
• Code mit drei Backticks und Sprach-Tag einzaeunen.
• Tabellen sorgfaeltig pruefen: Ausrichtungssyntax vertippt sich schnell.
• Bild-URLs zwischen Plattformen absolut halten.
• .md als Quelle laden; HTML nur zur Auslieferung exportieren.

Mehr: Textwerkzeuge fuer Zaehler, Diffs und Konverter.

Live-Vorschau, Speicherung und Export

Ein Markdown-Editor ist nur so nützlich wie sein Umgang mit Zustand, denn Schreiben geschieht in vielen kurzen Sitzungen. Autosave im lokalen Speicher ist die wichtigste Funktion: Er übersteht einen geschlossenen Tab und einen Browserabsturz, ohne Entwürfe irgendwohin zu senden. Die Vorschau sollte beim Tippen aktualisieren, ohne den Cursor zu stehlen, und synchrones Scrollen hält die bearbeitete Zeile rechts sichtbar. Die Syntaxunterstützung ist die nächste Frage: Striktes CommonMark deckt die Grundlagen ab, während GitHub-flavoured Markdown Tabellen, Aufgabenlisten, Durchstreichen, Fußnoten und eingefassten Code mit Sprachhinweis ergänzt. Tastenkürzel für Fett, Kursiv, Links und Listen sparen echte Zeit, eine Werkzeugleiste hilft, wenn die Syntax vergessen wurde. Der Export ist der praktische Endpunkt: rohes Markdown für die Versionskontrolle, gerendertes HTML fürs Web, PDF, wenn das Dokument fixiert und geteilt werden soll. Zwei Datenschutzpunkte: Lokaler Speicher ist browserspezifisch und kann vom Nutzer oder bei Speicherdruck gelöscht werden, wichtige Entwürfe sollten also heraus kopiert werden; und jede Vorschau, die rohes HTML rendert, kann Skripte ausführen, wenn der Inhalt aus unsicherer Quelle stammt. Alles läuft clientseitig, Notizen, Entwürfe und Zugangsdaten verlassen das Gerät nie.