Markdown-Eingabe

Live-Vorschau

Markdown-Editor-Beispiele

Bearbeiten Sie Markdown mit Live-HTML-Vorschau. Beispiel:

Beispiel: API-Dokumentation

Markdown-Eingabe

Gerendertes HTML:

HTML-Ausgabe

Klicken Sie oben auf die Schaltfläche Beispiel, um weitere Beispiele in den Editor zu laden.

Was ist der Markdown-Editor?

Der Markdown-Editor ermöglicht das Schreiben von Markdown mit Live-HTML-Vorschau. Bearbeiten Sie links; sehen Sie das Ergebnis rechts. Kein Build-Schritt oder separates Vorschaufenster nötig. Die CommonMark-Spezifikation definiert die Syntax.

Dieses Tool läuft vollständig in Ihrem Browser. Nichts wird an einen Server gesendet. Laden Sie als Markdown oder HTML herunter. Für die reine HTML-Konvertierung nutzen Sie Markdown zu HTML. Zur Validierung den Markdown Validator.

So verwenden Sie dieses Tool

1

Einfügen oder Hochladen

Kopieren Sie Ihr Markdown und fügen Sie es in den linken Editor ein. Sie können auch auf Hochladen klicken, um eine .md- oder .markdown-Datei zu laden. Die Schaltfläche Beispiel lädt Beispieldaten.

2

Bearbeiten und Vorschau

Das rechte Panel zeigt eine Live-Vorschau. Tippen Sie im linken Editor; die Vorschau aktualisiert sich beim Bearbeiten. Nutzen Sie HTML kopieren oder HTML herunterladen für die gerenderte Ausgabe.

3

Herunterladen oder Kopieren

Nutzen Sie MD herunterladen zum Speichern des Markdown oder HTML herunterladen für das gerenderte HTML. Für ein Inhaltsverzeichnis nutzen Sie den Markdown TOC Generator.

Wann der Markdown-Editor hilft

Beim Schreiben von READMEs für GitHub, Dokumentation für GitHub Docs oder Inhalte mit sofortigem Feedback zeigt die Live-Vorschau genau die Darstellung. Die GitHub Flavored Markdown-Spezifikation definiert Tabellen und Erweiterungen. Kein Wechsel zwischen Dateien oder Build nötig. Ideal für Entwürfe, Blogbeiträge oder Dokumentation.

Markdown- und HTML-Ausgabe vergleichen ist einfach—bearbeiten und HTML an einem Ort kopieren. Für Formatierung nutzen Sie den Markdown Formatierer. Für Syntaxreferenz die Markdown Cheat Sheet.

Häufig gestellte Fragen

Speichert dieser Editor meinen Inhalt?

Der Inhalt wird nur in Ihrer Browser-Sitzung gespeichert — nichts wird an einen Server gesendet. Wenn Sie den Tab schließen, ist Ihr Inhalt weg, sofern Sie ihn nicht kopiert haben. Nutzen Sie die Download- oder Kopier-Schaltflächen zum Speichern.

Welche Markdown-Syntax unterstützt dieser Editor?

Der Editor unterstützt CommonMark und GitHub Flavored Markdown, einschließlich Tabellen, Aufgabenlisten, Durchstreichen und umrahmte Codeblöcke mit Sprachkennzeichnern.

Kann ich das gerenderte HTML exportieren?

Ja — nutzen Sie HTML kopieren oder die Download-Schaltfläche, um die gerenderte HTML-Ausgabe zu erhalten. Sie können diese direkt in eine Webseite, ein CMS oder eine E-Mail-Vorlage einfügen.

Gibt es eine Dateigrößenbeschränkung?

Da alles in Ihrem Browser läuft, ist der praktische Grenzwert der verfügbare Arbeitsspeicher Ihres Geräts. Für typische Dokumentationsdateien — auch große README-Dateien — ist die Leistung sofort.

Kann ich nach PDF exportieren?

Nutzen Sie HTML herunterladen und drucken Sie mit dem Browser oder einem Tool nach PDF. Für direkte Markdown-zu-PDF-Konvertierung nutzen Sie Markdown zu PDF.

Verwandte Tools

Mehr erfahren: CommonMark, CommonMark-Spezifikation, Markdown Guide, GFM, W3C HTML, GitHub, GitHub Docs.