Markdown-Editor
Markdown schreiben und in der Vorschau anzeigen, mit Live-Darstellung und Werkzeugleiste
Markdown
Die Zeichenzählung zählt UTF-16-Codeeinheiten; die Wortzählung zählt durch Leerraum getrennte Elemente einschließlich Markdown-Syntax.
Markdown-Kurzreferenz
- Überschrift 1
# Überschrift 1- Überschrift 2
## Überschrift 2- Fett
**bold**- Kursiv
*italic*- Link
[link](url)- Image
- Inline-Code
`inline code`- Codeblock
```code block```- Ungeordnete Liste
- ungeordnete Liste- Geordnete Liste
1. geordnete Liste- Blockzitat
> Blockzitat- Horizontale Linie
--- horizontale Linie
Vorschau & HTML
Vorschau wird vorbereitet…
Über diese Vorschau
- Dies ist der ursprüngliche einfache Parser mit geprüften Korrekturen. GitHub und andere Markdown-Renderer können andere Ergebnisse liefern.
- Code in abgegrenzten Blöcken und Inline-Code bleiben unverändert. Es gibt keine sprachspezifische Syntaxhervorhebung.
- Externe Bild-URLs werden ohne Referrer von ihren Hosts geladen; diese Hosts erhalten die Bildanfrage. Das Beispielbild ist lokal.
- HTML wird vor der Vorschau und dem Kopieren von HTML gefiltert. Beim Kopieren und Speichern von Markdown bleibt Ihr Quelltext erhalten.
- „HTML kopieren“ legt HTML-Quelltext in der Zwischenablage ab; ein Rich-Text-Editor fügt ihn möglicherweise als Text ein.
- Der Editor speichert nicht automatisch. Laden Sie Ihr Dokument herunter, bevor Sie diese Seite verlassen.
Über den Markdown-Editor
Unser Markdown-Editor ist ein kostenloses Online-Tool mit Live-Bearbeitung und Vorschau nebeneinander zum Schreiben von Markdown-Dokumenten. Markdown ist eine einfache Auszeichnungssprache, die häufig für Dokumentation, README-Dateien, Blogbeiträge, technische Texte und Notizen verwendet wird. In diesem Editor schreiben Sie links Markdown und sehen rechts sofort die gerenderte HTML-Ausgabe.
Der Editor hat eine vollständige Symbolleiste zum schnellen Einfügen gängiger Markdown-Syntax wie Überschriften, Fett, Kursiv, Links, Bilder, Codeblöcke, Listen, Zitate und horizontale Linien. Sie müssen die Markdown-Syntax nicht auswendig kennen, um loszulegen. Klicken Sie einfach auf die Schaltflächen der Symbolleiste, um die Formatierung an der Cursorposition einzufügen, oder tippen Sie Markdown direkt, wenn Sie das bevorzugen.
Der Editor verarbeitet Ihr Markdown lokal, ohne das Dokument hochzuladen. Externe Bild-URLs können dennoch Anfragen an ihre Hosts auslösen, und andere Skripte der Website können Anfragen senden. Eine pauschale Datenschutzgarantie gibt es nicht. Der Editor unterstützt eine Echtzeit-Vorschau, Zeichen- und Wortzählung, das Kopieren von Markdown und HTML in die Zwischenablage sowie den direkten Download als .md-Datei.
Hauptfunktionen
- Live-Bearbeitung von Markdown mit HTML-Vorschau nebeneinander und sofortiger Darstellung
- Vollständige Symbolleiste mit Schaltflächen für Fett, Kursiv, Überschriften (H1-H3), Links, Bilder, Codeblöcke, Listen, Zitate und horizontale Linien
- Integrierter Markdown-zu-HTML-Parser für Überschriften, Hervorhebungen, Code, Links, Bilder, Listen, Zitate und horizontale Linien
- Zeichen- und Wortzahl in Echtzeit oberhalb des Editors
- Markdown-Quelltext mit einem Klick in die Zwischenablage kopieren
- Gerendertes HTML in die Zwischenablage kopieren, zum Einfügen in Webseiten oder E-Mail-Editoren
- Dokument als .md-Datei herunterladen, für lokale Speicherung und Versionsverwaltung
- Schaltfläche zum Leeren, um mit einem leeren Editor neu zu beginnen
- Kurzreferenz mit gängiger Markdown-Syntax auf einen Blick
- Responsives Layout, das Editor und Vorschau auf mobilen Geräten untereinander anordnet
- Vollständige Unterstützung des Dunkelmodus für angenehmes Arbeiten bei jedem Licht
- Standard-Beispielinhalt, der alle unterstützten Markdown-Funktionen zeigt
So verwenden Sie den Markdown-Editor
- Mit dem Schreiben beginnen: Der Editor startet mit Beispielinhalt, der alle unterstützten Markdown-Funktionen zeigt. Leeren Sie ihn, um neu zu beginnen, oder ändern Sie das Beispiel, um zu sehen, wie jedes Syntaxelement funktioniert.
- Symbolleiste nutzen: Klicken Sie auf eine beliebige Schaltfläche der Symbolleiste, um die passende Markdown-Syntax an der Cursorposition einzufügen. Markieren Sie zuerst Text, um ihn mit Formatierungen wie Fett oder Kursiv zu umschließen.
- Sofort in der Vorschau sehen: Während Sie tippen, aktualisiert dieser einfache Parser eine gefilterte Vorschau. Andere Markdown-Renderer können abweichen, prüfen Sie die Formatierung daher am Zielort, bevor Sie veröffentlichen.
- Statistik prüfen: Zeichen- und Wortzahl werden oberhalb des Editors live aktualisiert und helfen Ihnen, die Dokumentlänge für Vorgaben oder Wortlimits im Blick zu behalten.
- Kopieren oder herunterladen: Mit der Schaltfläche „MD“ kopieren Sie Ihr rohes Markdown, mit „HTML“ das gerenderte HTML, und mit „Speichern“ laden Sie Ihr Dokument als .md-Datei herunter.
Unterstützte Markdown-Syntax
- Überschriften: Verwenden Sie # für H1, ## für H2, ### für H3 und #### für H4. Jede Überschriftenebene erzeugt zunehmend kleineren Text mit passendem Abstand.
- Fett und Kursiv: Setzen Sie Text in **doppelte Sternchen** oder __doppelte Unterstriche__ für Fett und in *einfache Sternchen* oder _einfache Unterstriche_ für Kursiv.
- Links: Erstellen Sie anklickbare Links mit der Syntax [Linktext](URL). Links öffnen sich bequem in einem neuen Tab.
- Bilder: Binden Sie Bilder mit der Syntax  ein. Bilder werden responsiv mit abgerundeten Ecken dargestellt.
- Code: Verwenden Sie einfache Backticks für Inline-Code und dreifache Backticks für mehrzeilige Codeblöcke. Code erhält einen formatierten Hintergrund; sprachspezifische Syntaxhervorhebung gibt es nicht.
- Listen: Beginnen Sie Zeilen mit - oder * für Aufzählungslisten und mit 1. für nummerierte Listen.
- Zitate: Beginnen Sie eine Zeile mit >, um ein formatiertes Zitat mit blauem Randakzent links zu erstellen.
- Horizontale Linien: Verwenden Sie ---, *** oder ___ allein in einer Zeile, um Abschnitte optisch voneinander zu trennen.
- Zeilenumbrüche: Verwenden Sie doppelte Zeilenumbrüche für Absätze oder einfache Zeilenumbrüche innerhalb von Absätzen für neue Zeilen.
Anwendungsfälle
- README-Dateien: Entwerfen Sie README.md-Dateien mit dieser einfachen Vorschau und prüfen Sie die Darstellung anschließend auf GitHub. Dieser Parser setzt die GFM-Spezifikation nicht vollständig um.
- Technische Dokumentation: Erstellen Sie Dokumentation für APIs, Bibliotheken und Softwareprojekte mit sauberer Formatierung, Codeblöcken und strukturierten Überschriften.
- Blogbeiträge: Entwerfen Sie Blogtexte in Markdown, prüfen Sie das Layout in der Vorschau und kopieren Sie dann das HTML zum Einfügen in Ihr Content-Management-System.
- Notizen: Nutzen Sie Markdown für strukturierte Notizen in Besprechungen, Vorlesungen oder bei der Recherche. Laden Sie Notizen als .md-Dateien herunter, um sie geordnet abzulegen.
- E-Mail-Formatierung: Schreiben Sie Inhalte in Markdown und kopieren Sie den gefilterten HTML-Quelltext. Verwenden Sie einen HTML-fähigen Editor oder einen Importablauf; ein Rich-Text-Editor fügt den Quelltext möglicherweise als reinen Text ein.
- Markdown lernen: Nutzen Sie die Schaltflächen der Symbolleiste und die Kurzreferenz, um die Markdown-Syntax interaktiv mit sofortigem visuellem Feedback zu lernen.
- Inhalte migrieren: Wandeln Sie Markdown-Inhalte in HTML um, zum Einbetten in Websites, Wikis und Wissensdatenbanken.
Häufig gestellte Fragen
Ist dieser Markdown-Editor kostenlos?
Der Editor ist kostenlos und ohne Anmeldung nutzbar. Dokumentgröße und Darstellungsgeschwindigkeit hängen von den Ressourcen des Browsers ab; eine unbegrenzte Verarbeitungskapazität wird nicht garantiert.
Sind meine Inhalte privat und sicher?
Dieser Editor verarbeitet lokal, ohne das Dokument hochzuladen oder automatisch zu speichern. Externe Bilder können Anfragen an ihre Hosts auslösen, und andere Skripte der Website können Speicher nutzen oder Anfragen senden. Bewahren Sie Sicherungskopien auf; das ist keine absolute Garantie für Datenschutz oder Sicherheit.
Welche Markdown-Funktionen werden unterstützt?
Der einfache Parser unterstützt H1-H4, Hervorhebungen, Links, Bilder, Code, einfache Listen, Zitate, horizontale Linien und Absätze mit Zeilenumbrüchen. Komplexe Verschachtelungen und GFM-Erweiterungen sind nicht vollständig umgesetzt.
Kann ich das für GitHub-README-Dateien verwenden?
Sie können hier eine README.md entwerfen, das Markdown kopieren oder speichern und es auf GitHub prüfen. Dieser einfache Parser ist kein vollständiger GFM-Renderer; Funktionen wie Tabellen, Aufgabenlisten und Durchstreichungen können anders dargestellt werden.
Kann ich als HTML exportieren?
„HTML-Quelltext kopieren“ legt gefilterten HTML-Text in die Zwischenablage. Fügen Sie ihn in einen HTML-fähigen Editor ein oder importieren Sie ihn als Quelltext; Rich-Text-Editoren zeigen das Markup unter Umständen als Text an.
Funktioniert der Editor auf mobilen Geräten?
Ja, der Editor ist vollständig responsiv. Auf kleineren Bildschirmen werden Editor und Vorschau untereinander statt nebeneinander angeordnet, was auf Smartphones und Tablets eine komfortable Bearbeitung ermöglicht.
Tipps und bewährte Vorgehensweisen
- Überschriften zur Gliederung nutzen: Gliedern Sie Ihre Dokumente mit einer klaren Überschriftenhierarchie. Beginnen Sie mit H1 für den Titel, H2 für Hauptabschnitte und H3 für Unterabschnitte.
- Beim Schreiben die Vorschau nutzen: Lassen Sie die Vorschau sichtbar, um Formatierungsfehler früh zu erkennen und sicherzustellen, dass Ihr Dokument genau so aussieht, wie Sie es möchten.
- Text vor dem Formatieren markieren: Markieren Sie Text im Editor, bevor Sie auf eine Schaltfläche der Symbolleiste klicken, um den markierten Text mit der gewählten Formatierung zu umschließen.
- Codeblöcke für technische Inhalte verwenden: Setzen Sie Code-Schnipsel, Befehle und Konfigurationsbeispiele in Codeblöcke, um die Formatierung zu erhalten und die Lesbarkeit zu verbessern.
- Regelmäßig speichern: Speichern Sie Ihre Arbeit mit der Download-Schaltfläche als .md-Datei. Markdown-Dateien sind reiner Text und lassen sich in jedem Texteditor öffnen.
- Markdown-Syntax lernen: Nutzen Sie die Symbolleiste oder tippen Sie die Markdown-Syntax direkt, etwa ** für Fett und * für Kursiv. Dieser Editor definiert keine eigenen Tastenkürzel für die Formatierung.