~/devtools / markdown
tool::markdown

Markdown-
Editor

Markdown links schreiben, rechts die gerenderte Vorschau sehen — in Echtzeit, ohne Setup.

ad · 728×90
Editor
Vorschau

Hello, Markdown!

Welcome to the Markdown Editor. Edit on the left, preview on the right.

Features

  • Real-time preview
  • Copy Markdown or rendered HTML
  • CommonMark syntax support

Code Example

const greet = (name) => Hello, ${name}!;

console.log(greet("DevSnap"));

Blockquote

"Any fool can write code that a computer can understand.
Good programmers write code that humans can understand."
— Martin Fowler

Links & Images

Visit devsnap.dev for more tools.

  1. First item
  2. Second item
  3. Third item
ad · 300×250
// about this tool

Über den Markdown-Editor

Markdown ist eine von John Gruber 2004 entwickelte leichtgewichtige Auszeichnungssprache. Mit intuitiver Syntax — # für Überschriften, **fett**, *kursiv*, [Links](URL) — lässt sich Text formatieren, der als Klartext lesbar ist und in HTML umgewandelt werden kann. Es ist der Standard für README-Dateien, technische Dokumentation und Blogbeiträge auf GitHub, Notion, Slack und vielen anderen Plattformen.

Markdown unterstützt ein breites Spektrum an Formatierungen: Überschriften (#), Fett (**), Kursiv (*), Inline-Code (`), Codeblöcke (```), Listen (-), Zitate (>), Links ([]), Bilder (!()) und Trennlinien (---). Es gibt verschiedene Varianten — CommonMark, GFM (GitHub Flavored Markdown) — mit leicht unterschiedlichen Funktionsumfängen.

Dieses Tool bietet eine Split-View-Ansicht: Markdown links eingeben, gerenderte HTML-Vorschau rechts in Echtzeit sehen. Du kannst den Markdown-Quelltext oder das gerenderte HTML kopieren, um es in anderen Anwendungen zu verwenden.

Typische Anwendungsfälle
  • ▸GitHub README.md oder CHANGELOG.md schreiben und vorschauen
  • ▸Technische Dokumentation oder API-Referenzen entwerfen
  • ▸Blogbeiträge oder Notion-Dokumente in Markdown verfassen
  • ▸Markdown-Syntax mit sofortiger visueller Rückmeldung erlernen
  • ▸Markdown in HTML konvertieren für CMS oder E-Mail-Vorlagen
Häufig gestellte Fragen
Q. Welche Markdown-Syntax wird unterstützt?
CommonMark-Kernspezifikation: Überschriften (# bis ######), Fett (**), Kursiv (*), Inline-Code (`), Code-Blöcke (```), ungeordnete Listen (-), geordnete Listen (1.), Zitate (>), Links ([text](url)), Bilder (![alt](url)) und Trennlinien (---).
Q. Wie nutze ich die Ausgabe?
'HTML kopieren' kopiert das gerenderte HTML in die Zwischenablage, 'Kopieren' kopiert den Markdown-Quelltext. Das HTML eignet sich zum direkten Einfügen in E-Mail-Clients oder CMS-Systeme.
Q. Werden Tabellen und Checkboxen unterstützt?
Die aktuelle Version unterstützt die CommonMark-Kernspezifikation. GFM-Tabellen und Aufgabenlisten sind für ein zukünftiges Update geplant.