Qu'est-ce que le convertisseur de rabais vers HTML ?
Le convertisseur Markdown vers HTML transforme la source Markdown - un README, un journal des modifications, un brouillon de blog, un ensemble de notes de version - en HTML rendu par un navigateur ou un CMS. Collez ou tapez Markdown à gauche, et vous obtenez le HTML sémantique à droite : les titres deviennent h1h6, le code clôturé devient pré et le code avec une classe de langue, les listes deviennent ul et ol, et les extensions GitHub telles que les tables, les listes de tâches et les barrettes sont gérées de la manière dont GitHub les restitue.
Markdown est un format d'écriture en texte brut, pas un format d'affichage N'importe où il apparaît sur une page - un site docs, un blog statique, un modèle de messagerie, un champ CMS qui n'accepte que le HTML - quelque chose doit d'abord le faire dans le navigateur, plutôt que de tirer un analyseur dans votre build ou de coller votre brouillon dans un service que vous ne contrôlez pas, est le moyen le plus rapide de faire sortir le balisage et de passer à autre chose.
Tout fonctionne côté client. Le convertisseur est un analyseur manuscrit, pas un wrapper autour d'une API distante, de sorte que vos publications non publiées, vos documents internes et vos notes de version privée ne quittent jamais la page. Basculez le démarquement des identifiants de GitHub, en en-tête les identifiants d'ancrage, les sauts de ligne à une seule ligne et le transfert HTML brut, puis copiez le code HTML, téléchargez un fichier .html ou récupérez une table de contenus générée.
Un court exemple travaillé montre ce que vous obtenez lorsque vous convertissez Markdown en HTML ici Paste `# My Project`, puis `# Instal`, puis une liste de tâches à deux rangées `-[x] Done` et `-[] Todo` The output is `<h1 id="my-project">My Project</h1>`, `<h2 id="install">Install</h2>` and a <ul class="task-list">`w with disable checkbox inputs. Tick Full document conver et le même corps est enveloppé dans un doctype_PH_Tock_up_.
Markdown permet une inline HTML brute, ce qui rend la question de sécurité réelle plutôt que théorique : un document contenant une balise de script est valide Markdown, et un convertisseur qui le fait passer produit du HTML qui s'exécutera lorsqu'il sera rendu La sortie ici est échappée par défaut pour cette raison, donc un fichier Markdown d'une source non fiable ne peut pas faire passer des balises dans votre page Les liens sont un cas distinct : un lien ` javascript :` in Markdown keep that recopied Markhow G, donc assainir la sortie avant de publier Markdown vous n'avez pas écrit Si vous convertissez votre propre contenu et souhaitez que le code brut soit préservé, Markav est implémenté ici.
Comment utiliser le convertisseur Markdown en HTML ?
Collez votre démarque
Tapez ou collez Markdown dans l'éditeur - un README, un journal des modifications, des notes de votre éditeur, n'importe quoi. Les mises à jour de sortie au fur et à mesure que vous tapez ; chargez l'échantillon si vous souhaitez voir ce qui est pris en charge.
Choisissez vos options
Activez la démarque aromatisée GitHub pour les tableaux, les listes de tâches, les liens barrés et les liens nus. Ajoutez des ID de titre pour les liens profonds, activez les sauts de ligne si une nouvelle ligne doit devenir un <br /> et autorisez le code HTML brut si votre Markdown contient déjà des balises.
Vérifier l'aperçu
Basculez entre la source HTML et un aperçu rendu pour confirmer que la structure est celle à laquelle vous vous attendiez et lisez les statistiques du document - mots, titres, liens, blocs de code et temps de lecture.
Copiez, téléchargez ou prenez la table des matières
Copiez le HTML dans le presse-papiers ou appuyez sur .html pour le télécharger sous forme de document.html (cochez d'abord Document complet si vous souhaitez une page autonome).Vous pouvez également copier la table des matières Markdown générée automatiquement et construite à partir des ancrages de titre H2 et H3.
Principales caractéristiques
Markdown aromatisé à GitHub
Tables avec alignement des colonnes, cases à cocher de la liste des tâches, ~~strikethrough~~ et liaison automatique des URL nues - les extensions sur lesquelles repose déjà votre README
Code clôturé avec classes de langue
Les blocs clôturés deviennent <pre><code class="language-js">, le nom de classe Prism, Highlight.js et Shiki attendent, donc la mise en évidence de la syntaxe fonctionne au moment où vous collez la sortie dans votre site.
Ancres d'en-tête et TOC
Chaque en-tête reçoit un identifiant slugifié et dédupliqué, et l'outil génère une table des matières Markdown pour vos en-têtes H2 et H3 que vous pouvez coller en haut de votre document
Coffre-fort par défaut
Le HTML brut dans la source est échappé à moins que vous n'y optiez, et l'aperçu en direct supprime le script, le style et les gestionnaires d'événements en ligne - donc coller le Markdown de quelqu'un d'autre ne peut pas exécuter son code
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!