Markdown-Editor – Live-Vorschau, HTML exportieren & Markdown

Schreibe Markdown mit Live-HTML-Vorschau nebeneinander. Unterstützt Überschriften, Listen, Tabellen, Codezäune, Blockzitate, Links und Bilder. Kopieren Sie HTML oder laden Sie eines der beiden Formate herunter.

Markdown

Vorschau

Hello, Pixoate

A markdown editor — type to see live HTML on the right.

  • Headings, bold, _italic_, inline code
  • Links, lists, blockquotes, code fences
Quoted text looks like this.
function greet(name) { return `Hello, ${name}!` }

Über Markdown

Markdown ist eine leichte Markup-Sprache, die als Klartext lesbar und in HTML umgewandelt werden kann. Dieser Editor unterstützt CommonMark-ähnliche Überschriften, Betonungen, Listen, Links, Bilder, Blockzitate, Fenced Code-Blöcke und GitHub-inspirierte Pipe-Tabellen. Das Rendern erfolgt lokal – dein Dokument verlässt den Browser nie.

Frequently Asked Questions

Der Editor unterstützt CommonMark-Überschriften, Betonungen, Listen, Links, Bilder, Blockquotes, Fenced Code Blocks und GitHub-inspirierte Pipe-Tables. Das deckt alles ab, was du für READMEs, Blogbeiträge, Probleme, Pull Request-Beschreibungen und technische Dokumentation brauchst.

features

Ja. Kopiere das gerenderte HTML direkt auf deine Zwischenablage, lade eine .html Datei herunter, die für jeden Browser bereit ist, oder speichere die originale .md-Datei zur Versionskontrolle. Der gleiche Inhalt ist jedes Mal in beiden Formaten verfügbar, wenn du renderst.

features

Ja. Die Live-Vorschau stellt GitHub-ähnliche Tabellen mit korrekter Ausrichtung, eingezäunten Codeblöcke mit monospaced-Typografie und Bilder über deren URL oder relativen Pfad dar – genau das, was Sie sehen werden, wenn der Markdown veröffentlicht wird.

features

Nein. Parsing und Rendering erfolgen lokal auf deinem Rechner, daher verlassen interne Dokumentationen, Entwurf-Blogbeiträge und private Notizen den Tab nie. Schließt man die Seite, bleibt nichts mehr gespeichert.

privacy

GitHub fügt Erweiterungen über CommonMark hinzu, wie Aufgabenlisten, Fußnoten und Autolinking von Issue-Nummern. Der Editor hält sich an die weit verbreitete Untermenge, sodass alles, was hier rendert, auch auf GitHub, GitLab, Reddit und den meisten statischen Site-Generatoren gerendert wird.

compatibility

Ja. Fügen Sie eine .md- oder .markdown-Datei in den Eingabebereich ein, und der Inhalt lädt in den Editor für weitere Bearbeitungen, bereit, nach Abschluss als HTML oder Markdown erneut exportiert zu werden.

usage

Use Cases

README-Dateien für GitHub-Projekte schreiben

Entwürfe README.md, CONTRIBUTING.md und CHANGELOG.md Dateien mit Live-Vorschau, sodass sie genau so dargestellt werden, wie GitHub, GitLab und npm sie anzeigen, bevor du committest

technical

Entwurf von Blogbeiträgen für Jekyll, Hugo & Ghost

Schreibe Blogbeiträge in Markdown, die bereit sind, in Jekyll, Hugo, Eleventy and Ghost zu laden, ohne deinen Browser zu verlassen oder einen Desktop-Editor zu installieren

creative

Sitzungsprotokolle & Interne Dokumentation

Machen Sie strukturierte Sitzungsnotizen mit Überschriften, Aufzählungslisten und Codeblöcken und fügen Sie das gerenderte HTML direkt in Confluence, Notion oder Coda ein und fügen Sie das gerenderte HTML direkt in Confluence, Notion oder Coda ein

business

Formuliere Themen- und Pull-Request-Beschreibungen

Der Autor hat lange GitHub-Issue-Beschreibungen, Pull-Request-Vorlagen und Jira-Tickets in einem echten Vorschaufenster erstellt, anstatt zu raten, wie das Markup angezeigt wird

technical

Technische Dokumentation des Autors

Schreibe interne Runbooks, API-Referenzen und SDK-Anleitungen mit Codezäungen, Tabellen und Links und exportiere dann in HTML für statische Site-Generatoren oder Wissensdatenbanken

technical

Noten in sauberen HTML für die Veröffentlichung umwandeln

Fügen Sie grobe Notizen ein, formatieren Sie sie als Markdown und kopieren Sie das gerenderte HTML direkt in ein CMS, einen E-Mail-Client oder einen LinkedIn-Artikel ohne manuelles Styling

web