Markdown Editor
Markdown-Editor mit Echtzeit-Vorschau.
Markdown in Echtzeit schreiben und in der Vorschau sehen
Überblick
Markdown ist die leichtgewichtige Auszeichnungssprache hinter README-Dateien, GitHub-Issues, Dokumentation, Blogbeiträgen statischer Seiten und Notiz-Apps wie Obsidian und Notion. Du schreibst reinen Text mit einfachen Zeichen – # für Überschriften, ** für fett, - für Listen – und es wird als sauberes HTML gerendert. Dieses Studio bietet einen geteilten Editor: Markdown links, gerenderte Live-Vorschau rechts, damit du beim Tippen genau siehst, wie es aussieht. Alles läuft in deinem Browser und dein Text wird nicht hochgeladen.
So gehts (Schritt für Schritt)
- 1
Links Markdown tippen
Verwende #, **fett**, - Listen, ``` Codeblöcke, | Tabellen | und [Links](url). Die Vorschau rendert sofort.
- 2
Live-Vorschau prüfen
Der rechte Bereich zeigt die formatierte Ausgabe genau so, wie sie in einem Markdown-Renderer erscheint.
- 3
Exportieren oder kopieren
Speichere als .md-Datei oder kopiere das gerenderte HTML zum Einfügen in deinen Blog, deine E-Mail oder dein CMS.
Funktionsweise
Während du tippst, wandelt ein Markdown-Parser deinen Quelltext bei jedem Anschlag in HTML um und rendert ihn im Vorschaubereich. Er unterstützt die gängigen CommonMark/GitHub-Flavored-Markdown-Funktionen: Überschriften, fett/kursiv, Links, Bilder, geordnete und ungeordnete Listen, Zitate, Codeblöcke mit Syntaxhervorhebung, Tabellen und Aufgabenlisten. Du kannst das Ergebnis als .md-Datei exportieren oder das gerenderte HTML kopieren. Dein Dokument wird lokal gespeichert, damit beim Neuladen nichts verloren geht.
Wann verwenden
Ein GitHub-README oder eine Projektdokumentation mit sofortigem visuellem Feedback verfassen. Blogbeiträge für statische Seiten (Hugo, Jekyll, Astro, Next.js) schreiben. Formatierte Notizen, Besprechungsprotokolle oder technische Spezifikationen vorbereiten. Reine Textnotizen in sauberes HTML für eine E-Mail oder ein CMS umwandeln. Markdown-Syntax durch Live-Ergebnisse lernen. Offline Inhalte verfassen, die du später in eine Markdown-fähige Plattform einfügst.
Häufig Gestellte Fragen
Die gängigen Funktionen von CommonMark und GitHub-Flavored Markdown: Überschriften, Hervorhebung, Listen, Links, Bilder, Codeblöcke, Zitate, Tabellen und Aufgabenlisten. Stark plattformspezifische Erweiterungen können auf ihrer Zielseite anders dargestellt werden.