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.
Verbessern Sie Ihre Bilder weiter
Bringen Sie Ihre Fotobearbeitung mit diesen beliebten Tools auf die nächste Stufe
Hinzufügen von Text zum Bild
Hinzufügen von Bildunterschriften und Titeln zu Ihrem optimierten Foto
Fotorand hinzufügen
Umrahmen Sie Ihren Effekt mit schönen Rändern
Bild komprimieren
Optimieren Sie Ihr verbessertes Bild für die Freigabe
Bildgröße ändern
Ändern der Bildabmessungen
Foto zu Karikatur
Probieren Sie einen anderen künstlerischen Stil aus
Bleistift-Skizze
Erstellen Sie künstlerische Bleistiftzeichnungen
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.
featuresJa. 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.
featuresJa. 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.
featuresNein. 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.
privacyGitHub 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.
compatibilityJa. 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.
usageUse 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
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
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
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
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
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
Pixoate