- [What's new](#whats-new) - [Upgrade steps](#upgrade-steps)
Der Markdown-zu-HTML-Konverter wandelt Markdown-Quelle - eine Readme-, Changelog-, Blog-Entwurfs-, eine Reihe von Versionshinweisen - in den HTML-Code um, den ein Browser oder CMS tatsächlich rendert. Fügen Sie links einen Markdown ein oder geben Sie einen semantischen HTML-Code ein: Über die Überschriften werden H1–H6, der eingezäunte Code wird mit einer Sprachklasse vor und Code, Listen werden UL und OL und GitHub-Erweiterungen wie Tabellen, Aufgabenlisten und Durchschlagen werden so behandelt, wie GitHub sie rendert.
Markdown ist ein Klartextformat, kein Anzeigeformat. Überall dort, wo es auf einer Seite erscheint - eine Dokumentenseite, ein statischer Blog, eine E-Mail-Vorlage, ein CMS-Feld, das nur HTML akzeptiert - muss etwas zuerst kompiliert werden. Wenn Sie dies im Browser tun, anstatt einen Parser in Ihren Build zu ziehen oder Ihren Entwurf in einen Dienst einzufügen, den Sie nicht kontrollieren, können Sie das Markup schnellsten herausholen und weitermachen.
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.
Geben Sie Markdown in den Editor ein oder fügen Sie ihn ein - eine Readme-, ein Changelog-, Notizen von Ihrem Editor, alles. Die Ausgabe aktualisiert sich während der Eingabe; laden Sie das Beispiel, wenn Sie sehen möchten, was unterstützt wird.
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.
Wechseln Sie zwischen der HTML-Quelle und einer gerenderten Vorschau, um die Struktur zu bestätigen, und lesen Sie die Dokumentstatistiken - Wörter, Überschriften, Links, Codeblöcke und Lesezeit.
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.
Tabellen mit Spaltenausrichtung, Kontrollkästchen Aufgabenliste, ~~ StrikeThrough~~ und automatische Verknüpfung von nackten URLs — Die Erweiterungen, auf die sich Ihre Readme bereits verlassen
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
Jede Überschrift erhält eine slutente, deduplizierte ID, und das Tool generiert ein passendes Markdown-Inhaltsverzeichnis, das Sie oben in Ihr Dokument einfügen können
Rohe HTML in der Quelle wird entweichen, es sei denn, Sie greifen in die Live-Vorschau, um das Skript, den Stil und die Inline-Ereignishandler zu entfernen. Das Einfügen des Markdowns eines anderen kann also seinen Code nicht ausführen
Encode and decode HTML entities — named (&), decimal (&), and hex (&) forms, with XSS-safe special-character escaping
Minify HTML markup for faster page loads or beautify it for readable, indented source
Count words, letters, sentences, paragraphs, and estimate reading time
0 comments
No comments yet. Be the first to share your thoughts!