Markdown ist eine leichtgewichtige Auszeichnungssprache, die 2004 von John Gruber entwickelt wurde. Sie ermöglicht das Schreiben von formatiertem Text mit einer einfach lesbaren Klartextsyntax. Markdown-Dateien verwenden die Endung .md und werden häufig für README-Dateien, Dokumentation, Blogbeiträge, Forennachrichten und technische Texte eingesetzt. Die Syntax ist intuitiv: Sternchen für Fett und Kursiv, Rautezeichen für Überschriften, Bindestriche für Listen und Backticks für Code.

Diese kostenlose Online-Markdown-Vorschau rendert Ihr Markdown in Echtzeit beim Tippen. Sie unterstützt alle gängigen Markdown-Elemente einschließlich Überschriften, Absätze, Fett, Kursiv, Durchgestrichen, Links, Bilder, geordnete und ungeordnete Listen, Zitate, Horizontallinien, Tabellen und eingezäunte Codeblöcke. Das geteilte Layout ermöglicht das gleichzeitige Bearbeiten und Betrachten, und Sie können die gerenderte Ausgabe als eigenständige HTML-Datei exportieren.

• Echtzeit-Live-Vorschau, die sich sofort beim Tippen aktualisiert
• Geteilte Ansicht, Nur-Editor und Nur-Vorschau-Modi
• Volle Markdown-Unterstützung: Überschriften, Fett, Kursiv, Durchgestrichen, Links, Bilder
• Tabellen mit Kopfzeilen und Ausrichtung
• Eingezäunte Codeblöcke mit Syntaxdarstellung
• Zitate, geordnete und ungeordnete Listen
• .md- oder .txt-Dateien hochladen, um bestehende Markdown-Dokumente zu betrachten
• Gerenderte Ausgabe als eigenständige HTML-Datei mit integriertem Styling exportieren
• Roh-HTML-Ausgabe in die Zwischenablage kopieren zum Einbetten in andere Tools
• Vollbildmodus für ablenkungsfreies Schreiben
• 100 % clientseitig: keine Daten werden an einen Server gesendet

1. Schreiben oder fügen Sie Markdown im Editor-Bereich links ein.
2. Die gerenderte Vorschau erscheint sofort im rechten Bereich.
3. Wechseln Sie über die Symbolleiste zwischen geteilter Ansicht, Nur-Editor oder Nur-Vorschau.
4. Laden Sie eine bestehende .md-Datei über den Hochladen-Button.
5. Klicken Sie auf HTML, um die gerenderte Ausgabe als eigenständige HTML-Datei herunterzuladen.
6. Klicken Sie auf HTML kopieren, um das Roh-HTML-Markup in die Zwischenablage zu kopieren.

• Überschriften: # für h1, ## für h2, ### für h3 und so weiter bis ######
• Fett: Text mit **doppelten Sternchen** umschließen
• Kursiv: Text mit *einfachen Sternchen* umschließen
• Durchgestrichen: Text mit ~~doppelten Tilden~~ umschließen
• Links: die Syntax [Text][url] verwenden
• Bilder: die Syntax ![Alternativtext][Bild-URL] verwenden
• Ungeordnete Listen: Zeilen mit -, * oder + beginnen
• Geordnete Listen: Zeilen mit 1., 2., 3. beginnen
• Codeblöcke: mit dreifachen Backticks auf separaten Zeilen umschließen
• Inline-Code: mit einfachen Backticks umschließen
• Zitate: Zeilen mit > beginnen
• Horizontallinie: --- in einer eigenen Zeile verwenden
• Tabellen: mit Pipes | und Bindestrichen - Spalten und Kopfzeilen erstellen

• README-Dateien für GitHub-Repositories schreiben und in der Vorschau betrachten
• Blogbeiträge und technische Dokumentation entwerfen
• Markdown vor dem Commit in die Versionsverwaltung prüfen
• Markdown-Notizen in HTML zur Einbettung in Webseiten konvertieren
• Markdown-Syntax mit sofortigem visuellen Feedback unterrichten
• Text schnell für Plattformen formatieren, die Markdown unterstützen

• Lassen Sie eine Leerzeile zwischen Absätzen für korrekte Abstände
• Verwenden Sie Überschriften hierarchisch: mit # beginnen und für Unterabschnitte erhöhen
• Code-Blöcke mit 4 Leerzeichen einrücken oder eingezäunte Codeblöcke mit dreifachen Backticks verwenden
• Bei Tabellen die Pipe-Zeichen für bessere Lesbarkeit im Quelltext ausrichten
• Verwenden Sie Referenz-Links für lange URLs, um Ihr Markdown übersichtlich zu halten
• Markdown vor der Veröffentlichung in der Vorschau prüfen, um Formatierungsprobleme zu erkennen