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?
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.
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.
Ü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.
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
Related Tools
HTML Formatter
Format, beautify, and minify HTML online. Re-indents messy or minified markup, keeps script, style, and pre content verbatim, and runs entirely in your browser.
HTML to Markdown
Convert HTML to clean Markdown instantly. Turns headings, lists, links, images, blockquotes, code blocks and tables into portable GitHub Flavored Markdown. Tolerant of messy CMS markup. Runs client-side.
Markdown Table Generator
Build Markdown tables in a spreadsheet-style editor - import CSV, Excel, or an existing table, set alignment, copy clean GFM
Markdown TOC Generator
Generate a linked table of contents from Markdown headings
Comments
0 comments
No comments yet. Be the first to share your thoughts!