Markdown-Editor

Markdown schreiben und vorschauen

100 % kostenlos. Läuft vollständig in deinem Browser: deine Dateien und Daten verlassen dein Gerät nie, und es wird nichts auf einen Server hochgeladen.

Welcome to Markdown Editor

Start typing your markdown here.

Features

  • Bold and italic text
  • Inline code and code blocks
  • Links
  • Lists and headings
This is a blockquote


code block here

Jump to the next useful tool without leaving your flow.

See more

Über dieses Tool

Markdown lässt dich formatierten Text mit schlichten Symbolen schreiben – # für eine Überschrift, ** um fetten Text, - für ein Listenelement – sodass die Quelle auch vor dem Rendern lesbar bleibt. Diese Eigenschaft ist der Grund, warum es das technische Schreiben übernommen hat: eine README, ein Changelog oder Dokumentation bleibt in einem Terminal lesbar, diffed sauber in der Versionskontrolle und kann nie von unsichtbarer Formatierung eines Textverarbeitungsprogramms korrumpiert werden. Die Syntax, die du täglich brauchst, ist klein. Hash-Symbole für Überschriften, Sternchen für Hervorhebung, Bindestriche für Aufzählungen, eckige Klammern und runde Klammern für Links, Backticks für Code. Alles andere ist Verfeinerung. Das eine, das du wissen musst: "Markdown" ist kein einzelner Standard: GitHub fügt Tabellen, Aufgabenlisten und Durchstreichung hinzu, und andere Plattformen variieren im Support. Diese Vorschau folgt Standard-Rendering, das die große Mehrheit der Fälle abdeckt. Bearbeiten und Vorschau passieren in deinem Browser, Entwürfe werden nie hochgeladen.

So verwendest du dieses Tool

  1. Im Editor schreibenNutze # für Überschriften, ** für Fett, - für Aufzählungen und [text](url) für Links.
  2. Die Live-Vorschau beobachtenDie gerenderte Ausgabe aktualisiert sich beim Tippen, Formatierungsfehler sind also sofort sichtbar.
  3. Die Struktur prüfenEin h1 oben, dann h2-Abschnitte darunter. Überschriftenebenen zu überspringen liest sich in der gerenderten Ausgabe schlecht.
  4. Dorthin kopieren, wo du es brauchstGitHub, eine Dokumentationsseite, eine Blogging-Plattform, Slack oder Discord – alle akzeptieren Standard-Markdown.

Markdown-Spickzettel

# Überschrift 1 und ## Überschrift 2 für Überschriften; **fett** und *kursiv*; - Punkt für eine Aufzählung und 1. Punkt für eine nummerierte Liste; [Text](https://beispiel.de) für einen Link; Backticks für Inline-Code und drei Backticks für einen Codeblock; > für ein Zitat.

Für einen Zeilenumbruch innerhalb eines Absatzes beende die Zeile mit zwei Leerzeichen oder lass eine Leerzeile zwischen Absätzen. Tabellen bestehen aus senkrechten Strichen und Bindestrichen und funktionieren auf GitHub, GitLab und den meisten Dokumentationsseiten.

Warum es nutzen

  • Live-Vorschau, sodass du das gerenderte Ergebnis siehst, statt aus der Quelle zu raten.
  • Die Quelle bleibt auch ungerendert lesbar – deshalb passt Markdown zur Versionskontrolle.
  • Läuft in deinem Browser – unveröffentlichte Dokumentation und Entwürfe werden nie hochgeladen.
  • Kein Konto und kein Längenlimit.
  • Die Ausgabe ist portabler Klartext, der auf jeder Plattform funktioniert, die Markdown unterstützt.

Häufige Anwendungen

  • Eine README oder Projektdokumentation schreiben, bevor du sie committest.
  • Einen Blogpost für eine Plattform entwerfen, die Markdown akzeptiert.
  • Prüfen, wie ein formatierter Kommentar oder ein Issue rendert, bevor du postest.
  • Strukturierte Notizen machen, die in jedem Editor lesbar bleiben.
  • Markdown-Syntax lernen, indem du das Ergebnis sofort siehst.

Tipps für bessere Ergebnisse

  • Lass eine Leerzeile zwischen Absätzen. Markdown braucht das – ein einzelner Zeilenumbruch gilt als Fortsetzung desselben Absatzes.
  • Nutze ein h1 pro Dokument, oben, dann h2 für Abschnitte. Gerenderte Ausgabe und Barrierefreiheit hängen von dieser Reihenfolge ab.
  • Umschließe Code mit Backticks und nutze dreifache Backticks mit einem Sprachnamen für Blöcke, um Syntax-Highlighting zu bekommen.
  • Tabellen, Aufgabenlisten und Durchstreichung sind GitHub-Erweiterungen, kein Kern-Markdown – prüfe den Support auf deinem Ziel.
  • Rücke verschachtelte Listenelemente um zwei Leerzeichen ein. Inkonsistente Einrückung ist der häufigste Grund, warum Verschachtelung nicht rendert.

Fehler, die du vermeiden solltest

  • Erwarten, ein einzelner Zeilenumbruch erzeuge einen Absatzumbruch. Markdown braucht eine Leerzeile.
  • Überschriftenebenen überspringen – von h1 zu h3 springen – was schlechte Struktur für Leser und Screenreader erzeugt.
  • Annehmen, jede Plattform unterstütze dieselbe Syntax. GitHub-flavoured Erweiterungen gibt es nicht überall.
  • Rohes HTML mit Markdown auf einer Plattform mischen, die es entfernt, sodass die Formatierung still verschwindet.
  • Inkonsistente Listen-Einrückung, die Verschachtelung auf Weisen bricht, die in der Quelle schwer zu sehen sind.

Unterstützte Formate

  • Markdown

Verfügbare Optionen

  • Live preview
  • Edit pane

Häufig gestellte Fragen

Kopiere es in jede Plattform, die Markdown unterstützt – GitHub-READMEs, Blogging-Plattformen, Dokumentationsseiten, Discord-/Slack-Nachrichten und viele Notiz-Apps akzeptieren alle Standard-Markdown-Syntax.

Die Vorschau folgt Standard-Markdown-Rendering, das die große Mehrheit der Plattformen abdeckt – manche Plattformen haben kleine Erweiterungen oder Einschränkungen zusätzlich zum Standard-Markdown, prüfe Ungewöhnliches also auf der Zielplattform nach.

Nein – Bearbeiten und Vorschau passieren vollständig in deinem Browser, unveröffentlichte Dokumentation und Entwürfe verlassen dein Gerät also nie.

# für Überschriften (mehr Hashes für tiefere Ebenen), **fett**, *kursiv*, - für Aufzählungen, 1. für nummerierte Listen, [text](url) für Links und Backticks für Code. Das deckt fast alles ab, was du täglich schreibst.

Weil Markdown einen einzelnen Zeilenumbruch als Fortsetzung desselben Absatzes behandelt. Lass eine Leerzeile zwischen Absätzen, oder beende eine Zeile mit zwei Leerzeichen, um einen Umbruch innerhalb eines Absatzes zu erzwingen.

Nein. Tabellen, Aufgabenlisten und Durchstreichung sind GitHub-flavoured Erweiterungen statt Kern-Markdown, der Support variiert also. Prüfe auf der Plattform, auf der du veröffentlichst, bevor du dich darauf verlässt.

Ein Link ist [Text](https://example.com), ein Bild dasselbe mit Ausrufezeichen davor: ![Alt-Text](bild.png). Der Alt-Text beschreibt das Bild für Screenreader.

Setz Inline-Code in einfache Backticks und Blöcke zwischen Zeilen mit drei Backticks. Eine Sprache nach den öffnenden Backticks, etwa ```js, aktiviert auf GitHub und den meisten Doku-Seiten die Syntaxhervorhebung.

Kopier die gerenderte Vorschau in Word oder Google Docs, um Überschriften und Listen zu behalten, oder druck die Vorschau im Browser als PDF. Für wiederholte Umwandlungen erledigt ein Tool wie Pandoc beides.