Markdown Vorschau: Markdown in HTML Konvertieren

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.

Was ist Markdown?

Markdown ist eine Leichtgewicht-Markup-Sprache, die 2004 von John Gruber erstellt wurde. Du schreibst Klartext mit einfachen Formatierungszeichen wie # für Überschriften, **fett** für Hervorhebung und - für Listen, und ein Parser konvertiert dies in HTML. Anstatt auf Buttons zu klicken oder rohes HTML zu schreiben, verwendest du einfache Symbole. Markdown ist das Standard-Autorenformat für Entwicklerdokumentation, README-Dateien, Blog-Beiträge, Wikis und Notiz-Apps. GitHub Flavored Markdown (GFM) erweitert die Basissyntax um Tabellen, Aufgabenlisten, Durchstreichen und formatierte Codeblöcke.

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.