Markdown Vorschau: Markdown in HTML Konvertieren

Konvertiere Markdown in Echtzeit in HTML. Mit GFM Unterstützung für Tabellen, Aufgabenlisten, Codeblöcke und durchgestrichenen Text. Kopiere HTML Ausgabe mit einem Klick.

100% clientseitig. Deine Daten verlassen niemals deinen Browser.

Vorschau erscheint hier...

Konverter & Beispiele

Verwandte Werkzeuge

Markdown Vorschau: Markdown in HTML Konvertieren

Markdown ist eine leichte Auszeichnungssprache, die von John Gruber im Jahr 2004 entwickelt wurde. Du schreibst Klartext mit einfachen Formatierungsmarkierungen wie # für Überschriften, ** für Fett und - für Listen, und ein Parser konvertiert ihn in HTML. Dieses Werkzeug rendert dein Markdown in Echtzeit mit einem GFM-kompatiblen Parser.

Wie man es verwendet

  1. Schreibe oder füge Markdown in den Editor auf der linken Seite ein
  2. Sieh dir die HTML Vorschau an, die rechts in Echtzeit aktualisiert wird
  3. Verwende die Symbolleiste, um zwischen den Ansichten Geteilt, Editor und Vorschau zu wechseln
  4. Klicke auf HTML Kopieren, um die HTML Ausgabe in deine Zwischenablage zu bekommen
  5. Verwende die Beispiel Schaltfläche, um ein Beispieldokument zu laden

GitHub Flavored Markdown (GFM)

Standard Markdown deckt die Grundlagen ab: Überschriften, Fett, Kursiv, Links, Bilder, Listen, Codeblöcke und Zitate. GFM erweitert dies um Funktionen, die Entwickler täglich verwenden.

Tabellen

Durch Pipes begrenzte Tabellen werden mit Kopfzeilen und Ausrichtung gerendert. Die Doppelpunkte in der Trennlinie steuern die Spaltenausrichtung: :--- links, :---: zentriert, ---: rechts. Tabellen sind eine GFM Erweiterung; sie sind nicht Teil der ursprünglichen Markdown oder CommonMark Spezifikation.

Aufgabenlisten

Zeilen, die mit - [ ] oder - [x] beginnen, werden als Kontrollkästchen gerendert. GitHub verwendet sie, um den Fortschritt in Issues und Pull Requests zu verfolgen. Die Kontrollkästchen in dieser Vorschau sind nur visuell, nicht interaktiv.

Codeblöcke mit Begrenzern

Drei Backticks öffnen einen Codeblock. Füge nach den öffnenden Backticks einen Sprachbezeichner hinzu (wie javascript oder python) und der Block wird mit Syntaxhervorhebung dargestellt. Die Vorschau zeigt Codeblöcke mit monospace Schriftart und deutlichem Hintergrund.

Durchgestrichener Text

Umschließe Text mit doppelter Tilde (~~text~~) für Durchstreichung. GFM unterstützt dies; Standard Markdown nicht.

Workflow Integration

Markdown Vorschau ist ein wesentlicher Bestandteil vieler Entwickler Workflows. Dokumentation in GitHub Wikis, README Dateien, technische Blogbeiträge und sogar E-Mails verwenden Markdown als Quellformat. Inline Codeblöcke eignen sich hervorragend zum Teilen von Code-Snippets in der Dokumentation und in Entwicklerforen. Die Vorschau ermöglicht es dir, die Ausgabe vor der Veröffentlichung zu überprüfen.

Erstellst du Markdown Dokumentation? Der Markdown Tabellen Generator hilft dir beim Erstellen formatierter Tabellen für READMEs und Dokumentation.