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.

127
Words
3
Headings
2
Links
0
Images
1
Code blocks
1320
HTML bytes
1 min
Read time
Table of Contents
- [What's new](#whats-new)
  - [Upgrade steps](#upgrade-steps)
Category:docs
Mode:Offline
Version:1.0.0
Access:Free

Was ist der Markdown in HTML-Konverter?

Markdown to HTML interface on Toolz.dev - Convert Markdown to clean, semantic HTML with GitHub Flavored Markdown support - tables, task lists, fenced code, heading anchors, live preview and a full HTML document export.

Der Markdown to HTML Converter macht Markdown-Quelle - ein README, ein Changelog, ein Blog-Entwurf, eine Reihe von Release Notes - tatsächlich in den HTML-Code, den ein Browser oder CMS rendert Einfügen oder Markdown auf der linken Seite eingeben, und Sie erhalten semantisches HTML auf der rechten Seite: Ü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.

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, produziert HTML, das beim Rendern ausgeführt wird Die Ausgabe hier wird aus diesem Grund standardmäßig maskiert, sodass eine Markdown-Datei von einer nicht vertrauenswürdigen Quelle kein Markup in Ihre Seite schmuggeln kann. Wenn Sie Ihren eigenen Inhalt konvertieren und rohes HTML beibehalten möchten, ist das eher eine bewusste Wahl als die Standardeinstellung. Das andere, was Sie wissen sollten, ist, dass Markdown keine einzelne Spezifikation hat. GitHub Flavored Markdown ist hier implementiert, die Tabellen, Aufgabenlisten, durchgestrichener Code und eingezählt und eingezählt werden diese nicht neu angezeigt.

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, laden Sie ihn als eigenständige .html-Datei herunter oder kopieren Sie das automatisch generierte Markdown-Inhaltsverzeichnis, das aus den Überschrift Anker 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 passendes Markdown-Inhaltsverzeichnis, 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