Markdown-Editor mit Live-Vorschau
Schreibe Markdown links und sieh rechts sofort die Vorschau – mit Export als HTML oder Markdown-Datei.
Der Markdown-Editor zeigt beim Tippen eine Live-Vorschau. Er unterstützt Überschriften, Fett/Kursiv/Durchgestrichen, Listen, Aufgabenlisten, Zitate, Code (inline und als Block), Links, Bilder, Tabellen und Trennlinien. Das erzeugte HTML kannst du kopieren, der Text lässt sich als .md-Datei speichern. HTML im Markdown wird zur Sicherheit als Text angezeigt, nicht ausgeführt.
Markdown-Syntax im Überblick
| Element | Markdown | Ergebnis |
|---|---|---|
| Überschrift | # Titel / ## Abschnitt | H1, H2 … |
| Fett / Kursiv | **fett** / *kursiv* | fett / kursiv |
| Durchgestrichen | ~~alt~~ | alt (durchgestrichen) |
| Liste | - Punkt / 1. Punkt | Aufzählung / Nummerierung |
| Link | [Text](https://…) | Klickbarer Link |
| Bild |  | Eingebettetes Bild |
| Code | `code` / ```Block``` | Monospace |
| Zitat | > Text | Eingerücktes Zitat |
| Tabelle | | A | B | | Tabelle mit Kopfzeile |
So nutzt du den Editor
- SchreibenTippe links deinen Text. Die Schaltflächen oberhalb fügen Syntax an der Cursorposition ein oder umschließen markierten Text.
- Vorschau prüfenRechts siehst du sofort, wie der Text gerendert wird. So entdeckst du fehlende Leerzeilen oder falsch eingerückte Listen.
- ExportierenKopiere das Ergebnis als HTML oder als Markdown oder speichere es als Datei.
Wofür Markdown gut ist
Markdown ist eine leichtgewichtige Auszeichnungssprache: Man schreibt normalen Text mit wenigen Sonderzeichen für Struktur. Sie wird in README-Dateien, Wikis, Entwickler-Dokumentation, Foren, Chats (Slack, Discord, Teams) und Notiz-Apps genutzt. Vorteil: Der Quelltext bleibt gut lesbar, lässt sich mit Versionsverwaltung wie Git vergleichen und zu HTML, PDF oder Präsentationen konvertieren.
Es gibt mehrere Dialekte. CommonMark legt eine genaue Spezifikation fest, GitHub Flavored Markdown ergänzt Tabellen, Aufgabenlisten und Durchstreichen. Dieser Editor deckt die wichtigsten Elemente beider ab.
Tipps für sauberes Markdown
- Lass vor und nach Überschriften, Listen und Codeblöcken eine Leerzeile.
- Rücke Unterlisten mit zwei oder vier Leerzeichen ein.
- Setze Codeblöcke in drei Backticks und gib die Sprache an (```js).
- Schreibe für Zeilenumbrüche innerhalb eines Absatzes zwei Leerzeichen am Zeilenende oder eine Leerzeile für einen neuen Absatz.
- Verwende sprechende Linktexte statt „hier klicken“ – das hilft auch der Barrierefreiheit.
Wofür du den Markdown-Editor brauchst
Für ein Repository fehlt die Anleitung, und du möchtest beim Tippen sehen, ob Überschriften und Listen so ankommen, wie du es meinst. Links schreiben, rechts die Vorschau: Fehlt eine Leerzeile vor der Liste, wird das sofort sichtbar, statt erst im fertigen Dokument zu überraschen. Die Schaltflächen setzen Fett, Zitat oder Code an der Cursorposition, ohne dass du die Zeichen auswendig kennst.
Der zweite Weg ist die Weitergabe: Aus dem Entwurf wird per Kopieren-Schalter ein Abschnitt, den du in eine bestehende Seite einfügst – oder eine Datei, die im Projekt verwaltet wird. Für Empfänger ohne Erfahrung in der Auszeichnungssprache speicherst du zusätzlich die HTML-Fassung. Roher HTML-Code im Text wird dabei angezeigt statt ausgeführt.
Der dritte Einsatz ist die Prüfung fremder Beiträge: Aus einem Forum oder aus einem Ticket kommt eine Nachricht in dieser Auszeichnung, und du möchtest vor der Antwort sehen, ob Struktur und Links ankommen. Die Vorschau rechts beantwortet das beim Tippen.
Das kann schiefgehen: typische Fehler
- Die Tabelle wird nicht gerendert: Nach der Kopfzeile fehlt die Trennzeile aus Bindestrichen. Erste Zeile, Trennzeile, weitere Zeilen – erst dann entsteht die Tabelle im GitHub-Stil.
- Ein Sternchen bleibt sichtbar: Die Umschließung ist unvollständig oder das Zeichen steht mitten im Wort. Für Zitatzeichen und Sterne im Fließtext hilft der Code-Block, dort bleiben sie unverändert.
- Der Link wird nicht aktiviert: Das Schema ist nicht erlaubt. Erlaubt sind http, https, mailto und relative Pfade – andere werden bewusst deaktiviert und führen ins Nichts.
- HTML im Text erscheint als Zeichenkette: Das ist der Schutz des Editors. Dargestellt wird nur Markdown-Syntax; die Vorschau rechts zeigt, was tatsächlich ankommt.
- Die Schaltflächen wirken am falschen Ort: Sie setzen die Syntax an der Cursorposition, nicht um den Text herum. Zuerst markieren, dann klicken – sonst steht die Marke am Zeilenende.
Für wen sich der Markdown-Editor eignet
Von ihm profitieren Entwicklerinnen, die Anleitungen und Versionsgeschichten pflegen, technische Redaktionen und Support-Teams, die Schritt-für-Schritt-Beschreibungen schreiben, Studierende für Protokolle und Berichte sowie Community-Verantwortliche, die Beiträge für Foren und Chats vorbereiten.
Wer ganz ohne Formatierung notieren möchte, arbeitet im Notizblock. Fertige Seiten bringst du mit dem HTML-Formatter in Form, und für den Druckweg konvertiert der Text-in-PDF-Umwandler das Ergebnis.
Für den Austausch in Chats und Foren eignet sich der Editor zusätzlich, weil die Vorschau schon beim Schreiben zeigt, ob Listen, Zitate und Codeblöcke sauber ankommen. Bei Aufgaben mit viel Gliederung zeigt die rechte Seite früh, ob die Reihenfolge stimmig ist.
Datenschutz & Prüfung: Dieses Tool arbeitet vollständig lokal in deinem Browser – Eingaben und Dateien werden nicht hochgeladen oder gespeichert. Funktion geprüft: Oktober 2026.
Passende Tools
HTML-Formatter & Minifier
HTML formatieren und einrücken oder minimieren – mit Erhalt von pre, script und style.
Zum Tool Text & GeneratorenNotizblock Online: Notizen im Browser
Notizen im Browser schreiben und lokal im Browser speichern.
Zum Tool DokumenteText in PDF umwandeln: drucken und speichern
Text als druckfertiges Dokument ausgeben und als PDF speichern.
Zum ToolHäufige Fragen
Was ist Markdown?
Eine einfache Auszeichnungssprache, mit der man Texte über Sonderzeichen strukturiert – Überschriften, Listen, Links und mehr – und später zu HTML wandeln kann.
Wie mache ich Text fett oder kursiv?
Mit zwei Sternchen um den Text (**fett**) und einem Sternchen (*kursiv*).
Kann ich das Ergebnis als HTML speichern?
Ja, mit „HTML kopieren“ oder „Als .html speichern“. Das HTML enthält nur den Inhalt, kein vollständiges Dokument mit Styles.
Werden Tabellen unterstützt?
Ja, im GitHub-Stil mit senkrechten Strichen und einer Trennzeile aus Bindestrichen.
Ist der Editor sicher gegen eingeschleusten Code?
Roher HTML-Code wird als Text angezeigt, gefährliche Link-Schemata wie javascript: werden nicht aktiviert.
Wird mein Text gespeichert?
Nein, er bleibt im Browser. Sichere wichtige Texte über den Datei-Export.
Alle Tools an einem Ort
Über 100 Rechner für Alltag, Mathematik, Finanzen und mehr – kostenlos, ohne Anmeldung und mit sichtbarem Rechenweg.