Was ist Markdown-Editor?
Geteilter Editor mit sofortiger HTML-Vorschau. Unterstützt GitHub Flavored Markdown: Tabellen, Aufgabenlisten, Code-Blöcke mit Syntaxhervorhebung. Exportieren Sie als HTML oder kopieren Sie die gerenderte Ausgabe.
Das Rendering nutzt einen Parser im GitHub-Stil und unterstützt fenced Code-Blöcke mit Sprachhinweis (javascript, python, css usw.), Aufgabenlisten mit Checkbox-Status, Pipe-Tabellen, Fußnoten und Durchstreichen. Die Werkzeugleiste fügt Syntax für Überschriften, Fett, Kursiv, Link, Bild, Code und Tabelle an der Cursorposition ein. Der Export erzeugt eine in sich geschlossene HTML-Datei mit eingebettetem CSS, bereit zum Anhängen oder Hochladen.
Anleitung
- Schreiben oder fügen Sie Ihren Markdown-Inhalt im linken Editor-Bereich ein – die Vorschau wird rechts in Echtzeit aktualisiert.
- Verwenden Sie die Symbolleiste für schnelle Formatierung: Fett, Kursiv, Überschriften, Links, Bilder, Code-Blöcke und Tabellen.
- Exportieren Sie Ihr Dokument als sauberes HTML, kopieren Sie die gerenderte Vorschau oder laden Sie die rohe Markdown-Datei herunter.
Wann verwenden
- Eine README oder einen Beitragsleitfaden schreiben und die Ausgabe im Tippen mitverfolgen.
- Einen Blogpost in Markdown vorbereiten, bevor das HTML in ein CMS ohne Markdown-Editor eingefügt wird.
- Meeting-Notizen sauber machen: Überschriften für Abschnitte, Aufgabenliste für To-dos, Tabelle für Entscheidungen.
Ergebnis
Sie schreiben eine Projekt-README — fügen Überschriften, eine Feature-Liste, einen Code-Block mit JavaScript-Hervorhebung und eine Installationstabelle hinzu. Die Vorschau zeigt das Ergebnis während der Eingabe, und Sie können das fertige HTML exportieren.
Häufige Fragen
- Gibt es Syntax-Highlighting in Code-Blöcken?
- Ja. Nach den öffnenden Backticks eines fenced Blocks lässt sich eine Sprachkennung angeben (```javascript, ```python, ```bash und so weiter); die Vorschau wendet highlight.js-Stile an. Unbekannte oder weggelassene Sprachen erscheinen monospace ohne Farben.
- Bleibt mein Markdown beim Neuladen der Seite erhalten?
- Ja. Jeder Tastendruck wird automatisch auf deinem Gerät gespeichert, und der Entwurf wird beim nächsten Öffnen der Seite wiederhergestellt — auch nach einem Neuladen oder versehentlichen Schließen des Tabs. Ein kleiner Hinweis bestätigt, wenn ein gespeicherter Entwurf geladen wurde. Drücke Zurücksetzen (oder leere den Editor), um die gespeicherte Kopie zu löschen.
- Kann ich einen Screenshot direkt in den Editor einfügen?
- Ja. Füge ein Bild oder einen Screenshot ein – es wird direkt als base64-Daten-URL ins Dokument eingebettet, und die Markdown-Bildsyntax landet an der Cursorposition. Ein Hinweis: Daten-URLs blähen die Datei auf, und die meisten Plattformen (auch GitHub-READMEs) zeigen sie nicht an. Für etwas, das du teilen willst, lädst du das Bild besser auf einen Hoster und fügst den Link in  ein, damit die Quelle schlank bleibt.
- Was ist der Unterschied zwischen HTML exportieren und die gerenderte Vorschau kopieren?
- HTML-Export liefert ein vollständiges Dokument mit <html>, <head>, eingebettetem CSS und dem Inhalt im <body>. Das Kopieren der Vorschau gibt nur den inneren HTML-Schnipsel, was passt, wenn ein CMS den Inhalt ohnehin in seinem Template einrahmt.
- Warum erscheint mein einzelner Zeilenumbruch nicht in der Vorschau?
- Standard-Markdown behandelt einzelne Zeilenumbrüche im Absatz als weichen Umbruch und zeigt sie nicht. Für einen erzwungenen Umbruch hänge zwei Leerzeichen ans Zeilenende, oder lass eine Leerzeile für einen neuen Absatz. So verhalten sich GitHub und die meisten Static-Site-Generatoren.
Ähnliche Tools
PDF-Lesezeichen-Editor
Lesezeichen in PDF-Dateien hinzufügen und bearbeiten
PDF einebnen
Formularfelder und Anmerkungen in PDFs einebnen
Rich-Text-Editor
Schreibe und formatiere Dokumente mit einem WYSIWYG-Editor
Markdown zu PDF
Konvertieren Sie Markdown-Dateien in gestaltete PDF-Dokumente
PDF zuschneiden
Schneiden Sie PDF-Seitenränder zu und passen Sie sie an
PDF-Seiten umsortieren
Ordnen Sie PDF-Seiten per Drag-and-Drop neu an