Command Palette

Search for a command to run...

MA

Markdown zu HTML

Konvertieren Sie Markdown in sauberes, semantisches HTML mit GitHub Flavored Markdown-Unterstützung - Tabellen, Aufgabenlisten, eingezäunter Code, Überschriftenanker, Live-Vorschau und einen vollständigen HTML-Dokumentenexport.

Was ist der Markdown in HTML-Konverter?

Der Markdown to HTML Converter macht Markdown-Quelle - ein README, ein Changelog, ein Blog-Entwurf, eine Reihe von Release Notes - in den HTML-Render eines Browsers oder CMS. Fügen Sie Markdown links ein oder geben Sie Markdown ein, und Sie erhalten rechts semantisches HTML: Überschriften werden zu h1h6, eingezäunter Code wird zu Pre und Code mit einer Sprachklasse, Listen werden zu ul und ol, und GitHub-Erweiterungen wie Tabellen, Aufgabenlisten und Strikethrough werden so gehandhabt, wie GitHub sie rendert.

Markdown ist ein Schreibformat im Klartext, kein Anzeigeformat Überall dort, wo es auf einer Seite erscheint - eine Docs-Seite, ein statischer Blog, eine E-Mail-Vorlage, ein CMS-Feld, das nur HTML akzeptiert - muss es zuerst etwas kompilieren. Das im Browser zu tun, anstatt einen Parser in Ihren Build zu ziehen oder Ihren Entwurf in einen Dienst einzufügen, den Sie nicht kontrollieren, ist der schnellste Weg, um den Markup herauszuholen und weiterzumachen.

Alles läuft clientseitig. Der Konverter ist ein handgeschriebener Parser, kein Wrapper um eine Remote-API, sodass Ihre unveröffentlichten Beiträge, internen Dokumente und privaten Versionshinweise die Seite niemals verlassen. Toggle-Markdown mit GitHub-Geschmack, Überschrift von Anker-IDs, Zeilenumbrüchen mit Zeilenumbrüchen und rohem HTML-Pass-Through, kopieren Sie dann den HTML-Code, laden Sie eine HTML-Datei herunter oder rufen Sie ein generiertes Inhaltsverzeichnis ab.

Ein kurzes gearbeitetes Beispiel zeigt, was man bekommt, wenn man Markdown hier in HTML konvertiert Füge `# My Project` ein, dann `###Install`, dann eine zweireihige Aufgabenliste `-[x] Done` and `-[] Todo`. Die Ausgabe ist `<h1 id="my-project">My Project</h1>`, `<h2 id="install">Install</h2>` and a `<<ul class="task-list">` whis its starts devide Checkbox into. Tick Vollständiges Dokument und derselbe Körper ist in eine docty_book mit _1_convertique, it_comprotecraft.

Markdown erlaubt rohes HTML-Inline, was die Sicherheitsfrage eher real als theoretisch macht: Ein Dokument, das ein Skript-Tag enthält, ist gültig. Markdown, und ein Konverter, der es durchläuft, erzeugt HTML, das beim Rendern ausgeführt wird. Die Ausgabe hier wird aus diesem Grund standardmäßig maskiert, sodass eine Markdown-Datei aus einer nicht vertrauenswürdigen Quelle keine Tags in Ihre Seite schmuggeln kann. Links sind ein separater Fall: Ein ,r-Javascript:-Link im Markdown behält diesen Href im kopierten HTML bei, und nur der Vorschaubereich schreibt ihn neu, also bereinigen Sie die Ausgabe nicht geschrieben haben. Wenn Sie Ihre eigenen Inhalte konvertieren und rohen möchten, zeigen Sie die ursprünglichen HTML-Tabellen nicht neu an.

Wie verwende ich den Markdown-zu-HTML-Konverter?

  1. Füge deinen Markdown ein

    Geben Sie Markdown in den Editor ein oder fügen Sie ihn ein - ein README, ein Changelog, Notizen von Ihrem Editor, alles. Die Ausgabe wird während der Eingabe aktualisiert; Laden Sie die Probe, wenn Sie sehen möchten, was unterstützt wird.

  2. Wählen Sie Ihre Optionen

    Schalten Sie den Markdown für GitHub-Aroma für Tabellen, Aufgabenlisten, Durchgestrichene und nackte Links ein. Fügen Sie Überschrift-IDs für Deep Links hinzu, aktivieren Sie Zeilenumbrüche, wenn eine einzelne Zeilenzeile zu einer <br /> werden soll, und lassen Sie rohes HTML zu, wenn Ihr Markdown bereits Tags enthält.

  3. Überprüfen Sie die Vorschau

    Wechseln Sie zwischen der HTML-Quelle und einer gerenderten Vorschau, um zu bestätigen, dass die Struktur Ihren Erwartungen entspricht, und lesen Sie die Dokumentstatistiken - Wörter, Überschriften, Links, Codeblöcke und Lesezeit.

  4. Kopieren, herunterladen oder nehmen Sie das Inhaltsverzeichnis

    Kopieren Sie den HTML-Code in die Zwischenablage oder drücken Sie html, um ihn als Dokument herunterzuladen.html (kreuzen Sie zuerst das vollständige Dokument an, wenn Sie eine eigenständige Seite wünschen). Sie können auch das automatisch generierte Markdown-Inhaltsverzeichnis kopieren, das aus den H2- und H3-Übergangsankern erstellt wurde.

Hauptmerkmale

  • Markdown mit GitHub-Geschmack

    Tabellen mit Spaltenausrichtung, Tasklisten-Checkboxen, ~~strikethrough~~ und automatischer Verknüpfung von bloßen URLs - den Erweiterungen, auf die Ihr README bereits angewiesen ist

  • Eingezäunter Code mit Sprachkursen

    Eingezäunte Blöcke werden <pre> <code class="language-js">, der Klassenname Prisma, Highlight.js und Shiki erwarten, so dass die Syntax-Hervorhebung funktioniert, sobald Sie die Ausgabe in Ihre Website einfügen

  • Überschrift Anker und TOC

    Jede Überschrift erhält eine geschlitzte, deduplizierte ID und das Tool generiert ein Markdown-Inhaltsverzeichnis für Ihre H2- und H3-Überschriften, das Sie oben in Ihr Dokument einfügen können

  • Standardmäßig sicher

    Rohes HTML in der Quelle wird maskiert, es sei denn, Sie entscheiden sich dafür, und die Live-Vorschau streift Skript-, Stil- und Inline-Ereignishandler - sodass beim Einfügen des Markdowns einer anderen Person der Code nicht ausgeführt werden kann

Frequently Asked Questions

Fügen Sie Ihren Markdown in den Editor ein und das HTML erscheint sofort - es gibt keinen Konvertierungs-Button zum Drücken und keine Datei zum Hochladen Schalten Sie GitHub Flavored Markdown um, wenn Ihre Quelle Tabellen oder Aufgabenlisten verwendet, kopieren Sie dann das HTML oder laden Sie es als .html-Datei herunter.

Comments

0 comments

0/2000 characters

No comments yet. Be the first to share your thoughts!

markdown to htmlconvert markdown to htmlmarkdown to html converteronline markdown to html converterfree markdown to html convertermarkdown convertermd to htmlmarkdown compilermarkdown previewgithub flavored markdownmarkdown rendererconvert readme to htmlmarkdown parser