Kostenloser Konverter
Abschlag auf HTML-Konverter
Wandeln Sie Markdown-Text mit Live-Vorschau-Unterstützung in produktionsbereiten HTML-Code um.
Wandeln Sie Markdown-Text mit Live-Vorschau-Unterstützung in produktionsbereiten HTML-Code um.
Markdown ist eine leichtgewichtige Auszeichnungssprache, die 2004 von John Gruber entwickelt wurde und es Autoren ermöglicht, strukturiertes HTML unter Verwendung von Klartextkonventionen zu erstellen: Hash-Zeichen für Überschriften, Sternchen für Hervorhebungen, Bindestriche für Listen, eingerückte Blöcke für Code. Das Format ist zum Standard für README-Dateien, technische Dokumentationen, Blog-Entwürfe, statische Site-Generatoren und jeden Kontext geworden, in dem der Text als einfacher Text und als gerenderte Ausgabe lesbar sein soll. Das Konvertieren von Markdown in HTML ist der Rendering-Schritt, der die Quelle in eine Webseite umwandelt.
Dieser Konverter verwendet die markierte Bibliothek, den am weitesten verbreiteten Markdown-Renderer in JavaScript. Marked unterstützt CommonMark und GitHub Flavored Markdown (GFM), was bedeutet, dass Tabellen, eingezäunte Codeblöcke, Aufgabenlisten, Durchstreichen und automatische Verlinkung zusätzlich zu den Standard-Markdown-Funktionen ordnungsgemäß funktionieren.
Die Ausgabe erfolgt in reinem HTML – semantische Tags für Überschriften, Absätze, Listen, Links und Bilder sowie Klassen-Hooks für Codeblöcke, wo Syntaxhervorhebungstools sie erwarten. Die Ausgabe lässt sich problemlos in jedes CMS einfügen, in statische Site-Generatoren einbetten oder als eigenständige .html-Datei dienen. Es wird kein CSS oder JavaScript hinzugefügt. Die Gestaltung des Ergebnisses bleibt Ihrem nachgelagerten Kontext überlassen.
Markdown ist das von Autoren und Entwicklern bevorzugte Format; HTML ist das Format, das Browser rendern. Die meisten statischen Site-Generatoren und CMS-Plattformen konvertieren Markdown im Hintergrund in HTML. Manchmal benötigen Sie die Konvertierung jedoch als eigenständigen Schritt – zum Einfügen in ein CMS, das keine Markdown-Unterstützung bietet, zum Generieren von HTML für E-Mails, zum Erstellen einer schnellen Vorschau oder zum Extrahieren der gerenderten Ausgabe zur weiteren Verarbeitung.
HTML ist außerdem das kanonische Format für alle Inhalte, die letztendlich in einem Browser angezeigt werden. Aus Markdown-Entwürfen erstellte E-Mail-Newsletter, in größere HTML-Anwendungen eingebettete Dokumentationsseiten und in Editoren eingefügte Blog-Beiträge, die HTML erwarten, profitieren alle von einer sauberen Konvertierung.
Markdown einfügen, HTML abrufen.
Marked verwendet eine Zwei-Pass-Architektur. Der Lexer tokenisiert die Eingabe in Token auf Blockebene (Überschriften, Absätze, Listen, Codeblöcke) und Inline-Token (Hervorhebung, Links, Bilder). Der Parser durchläuft den Token-Stream und gibt HTML aus, wobei er Renderer-Hooks für jeden Token-Typ anwendet.
GitHub Flavored Markdown-Erweiterungen sind standardmäßig aktiviert: Tabellen (mit Pipe-Syntax), eingezäunte Codeblöcke (dreifache Backticks mit Sprachhinweisen), Aufgabenlisten (- [ ] und - [x]), Durchgestrichen (mit doppelten Tilden) und URL-Autolinking. Codeblöcke geben vorab umschlossenen Code mit optionaler Sprachklasse für nachgelagerte Syntaxhervorhebung aus.
Die Desinfektion des Ausgangs bleibt den nachgeschalteten Verbrauchern überlassen. Marked gibt alles aus, was die Eingabe erzeugt, einschließlich des im Markdown eingebetteten Roh-HTML. Wenn Sie nicht vertrauenswürdige Eingaben akzeptieren, führen Sie die Ausgabe über DOMPurify oder ein ähnliches HTML-Bereinigungsprogramm aus, bevor Sie sie in einem Browser rendern.