Live Markdown-Editor
Kostenloser Online-Markdown-Editor mit Live-HTML-Vorschau. Tippen Sie CommonMark oder GitHub-Style Markdown links und sehen Sie das gerenderte HTML rechts; die Bereiche scrollen synchron, sodass Sie in langen Dokumenten den Überblick behalten. Die Vorschau ist bereinigt — eingefügte <script>-Tags und onclick-Handler können nicht feuern, sodass Sie Markdown, das Sie irgendwo kopiert haben, sicher rendern können. Exportieren Sie als .md-Datei (die von Ihnen geschriebene Quelle) oder als .html-Datei (die gerenderte Ausgabe), oder kopieren Sie das gerenderte HTML in die Zwischenablage zum Einfügen in WordPress, Ghost, Notion oder ein beliebiges anderes CMS. Drei Ansichtsmodi: Nebeneinander (Standard), Nur-Editor (Fokus-Modus), Nur-Vorschau (Lese-Modus).
Verwendung
Standardsyntax — Überschriften (#), Listen (-), fett (**), Code (```), Tabellen (|).
Live-Render erscheint rechts während Sie tippen.
Fokus-Modus versteckt die Vorschau; Lese-Modus versteckt den Editor.
.md (Quelle) oder .html (gerendert) speichern — beide Downloads bleiben in Ihrem Browser.
Markdown links bearbeiten, HTML rechts sehen — GitHub-Style, bereinigt, synchronisierbares Scrollen
Funktionen
Typische Anwendungen
- Einen Blogpost in Markdown entwerfen, in HTML rendern, in Ihr CMS einfügen.
- Ein README lokal schreiben ohne einen Renderer zu installieren.
- Ein Markdown-Dokument in eigenständiges HTML für E-Mail oder Hosting konvertieren.
- Eine Meeting-Notiz mit Überschriften und Aufzählungslisten formatieren, dann HTML kopieren.
- Markdown-Syntax üben — sehen wie jedes Zeichen in HTML übersetzt wird.
Warum dieser
Das Rendern passiert sofort bei jedem Tastendruck — kein Roundtrip zu einem Server, keine „Vorschau in 3 Sekunden bereit"-Verzögerung wie in CMS-Editoren. Synchron-Scrollen und Drei-Ansichten-Layouts sind konfigurierbar. GFM-Features (Tabellen, Aufgabenlisten, eingezäunter Code) entsprechen genau dem, was GitHub für Ihr README rendert; GFM abschalten, wenn Sie einen strengeren CommonMark-Consumer (manche Static-Site-Generatoren, akademische Publishing-Pipelines) anvisieren.
Häufige Fragen
Was ist "GitHub-Style" Markdown?
Eine Obermenge von CommonMark, die Tabellen, eingezäunte Code-Blöcke, Aufgabenlisten, Autolinks und Durchstreichen hinzufügt. Es ist der De-facto-Standard für README-Dateien. Schalten Sie „GFM" aus, um stattdessen strenges CommonMark zu rendern.
Warum wird <script> in meinem Markdown nicht gerendert?
Aktiver Inhalt (Skripte, Event-Handler, javascript:-URLs) wird vor der Anzeige entfernt — ohne diesen Schutz könnte jedes Markdown, das Sie aus einem Chat oder Forum kopieren, Code in Ihrem Browser ausführen. Wenn Sie ein literales <script>-Tag als sichtbaren Text brauchen, escapen Sie es mit Backticks (`<script>`) oder HTML-Entity-Codes.
Kann ich LaTeX/Mathe schreiben?
Nein — dies ist ein einfacher Markdown-Renderer, kein Mathe-Setzer. Verwenden Sie einen Code-fenced Block mit Sprache `math` als Platzhalter; für echtes Gleichungs-Rendering unterstützt GitHub jetzt nativ $...$-Mathe-Blöcke, und Obsidian / VS Code / MkDocs binden alle KaTeX oder MathJax an.
Wie funktioniert synchrones Scrollen?
Wenn Sie den Editor scrollen, scrollt die Vorschau proportional mit. Es ist grob prozentbasiert — nicht block-genau — aber nahe genug für Navigation.
Mobil?
Ja. Das Split-Layout kollabiert zu gestapelten Bereichen; wechseln Sie zu nur-Editor oder nur-Vorschau für mehr Platz.
Machen wir — und zwar kostenlos! Schreiben Sie uns kurz Ihre Idee. Wenn Sie sie im Detail besprechen möchten, hinterlassen Sie eine E-Mail-Adresse, wir melden uns. Anonym geht auch.
