Markdown live beim Tippen als Vorschau sehen

Der Editor unterstützt CommonMark-Überschriften, Hervorhebungen, Listen, Links, Bilder, Blockzitate, abgegrenzte Codeblöcke und Pipe-Tabellen im GitHub-Stil. Damit ist alles abgedeckt, was du für READMEs, Blogbeiträge, Issues, Pull-Request-Beschreibungen und technische Dokumentation brauchst.

Ja. Kopieren Sie das gerenderte HTML direkt in die Zwischenablage, laden Sie eine für jeden Browser bereite .html-Datei herunter oder speichern Sie die ursprüngliche .md-Datei zur Versionsverwaltung. Bei jedem Rendern steht derselbe Inhalt in beiden Formaten zur Verfügung.

Ja. Die Live-Vorschau rendert GitHub-Flavored-Tabellen mit korrekter Ausrichtung, eingezäunte Codeblöcke mit monospacer Typografie und Bilder über ihre URL oder ihren relativen Pfad – genau das, was Sie sehen werden, wenn das Markdown veröffentlicht wird.

Nein. Das Parsen und Rendern erfolgt lokal auf Ihrem Rechner, sodass interne Dokumentationen, Blog-Entwürfe und private Notizen den Tab nie verlassen. Schließen Sie die Seite, und nichts bleibt zurück.

GitHub fügt CommonMark Erweiterungen hinzu, etwa Aufgabenlisten, Fußnoten und das automatische Verlinken von Issue-Nummern. Der Editor beschränkt sich auf die breit unterstützte Teilmenge, sodass alles, was hier dargestellt wird, auch auf GitHub, GitLab, Reddit und den meisten statischen Website-Generatoren dargestellt wird.

Ja. Ziehen Sie eine .md- oder .markdown-Datei auf den Eingabebereich, und der Inhalt wird zur weiteren Bearbeitung in den Editor geladen – bereit, anschließend wieder als HTML oder Markdown exportiert zu werden.

Ja – legen Sie eine .md- oder .markdown-Datei in den Editor, wechseln Sie zur Vorschau, und die Datei wird als formatiertes HTML angezeigt, das Sie ohne Installation lesen können. Es funktioniert als schneller md-Viewer/-Renderer für READMEs und Dokumentationen direkt im Browser.

Ja – schalten Sie zwischen Bearbeiten, Geteilt und Vorschau um. Geteilt zeigt Ihr Markdown und das Live-HTML nebeneinander, Bearbeiten bietet den Schreibbereich über die volle Breite, und Vorschau ist eine ablenkungsfreie, schreibgeschützte Darstellung des fertigen Dokuments.

„Beispiel ausprobieren“ füllt den Editor mit einem kurzen Demo-Dokument, das Überschriften, fetten/kursiven Text, eine Tabelle und einen Code-Block zeigt, sodass du die Live-Vorschau in Aktion siehst, bevor du deinen eigenen Inhalt einfügst. Klicke jederzeit auf Löschen, um den Editor wieder auf ein leeres Dokument zu setzen und neu zu beginnen.

Wechseln Sie zur geteilten Ansicht, damit Sie die Live-HTML-Vorschau beim Tippen sehen, nutzen Sie zunächst „Beispiel ausprobieren“, wenn Sie eine Referenz für Tabellen- und Code-Fence-Syntax möchten, und klicken Sie dann, sobald es passt, auf „.html herunterladen“ für die gerenderte Seite oder „.md herunterladen“, um den Quelltext für die Versionskontrolle zu behalten. Beide Exporte stammen aus demselben Inhalt, sodass Sie nie zweimal rendern müssen.

Ja – der Upload-Bereich und die Dateiauswahl akzeptieren neben .md und .markdown auch .txt- und text/plain-Dateien, sodass ein Klartext-Entwurf direkt in den Editor geladen wird, ohne die Endung erst umzubenennen. Jegliche bereits in der Datei enthaltene Markdown-Syntax (Überschriften, Listen, Links usw.) wird nach dem Laden normal in der Vorschau dargestellt.

Keine Installation nötig — dieser Markdown-Editor läuft im Browser unter Windows, macOS und Linux. Öffne die Seite, schreibe direkt los oder ziehe eine .md-Datei hinein, und die Live-Vorschau wird sofort angezeigt. Da dein Dokument den Browser nie verlässt, eignet er sich auch als schneller Ersatz für einen Desktop-Markdown-Editor, wenn du an einem fremden Rechner arbeitest.

Ja — füge deine README.md ein oder ziehe sie hinein, und die Vorschau rendert Überschriften, Listen, Codeblöcke, Links, Bilder und GitHub-typische Pipe-Tabellen, damit du fehlerhafte Formatierungen erkennst, bevor du committest. Beachte, dass GitHub ein paar Extras hinzufügt, etwa Checkboxen für Aufgabenlisten und automatische Anker für Überschriften, die sich leicht von der lokalen Vorschau unterscheiden können.