Command Palette

Search for a command to run...

MA

Markdown en HTML

Convertissez Markdown en HTML sémantique et épuré avec la prise en charge de GitHub Flavored Markdown - tables, listes de tâches, code clôturé, ancrages de titre, aperçu en direct et exportation complète de documents HTML.

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 ?

  1. 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.

  2. 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.

  3. 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.

  4. 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

Collez votre Markdown dans l'éditeur et le HTML apparaît immédiatement - il n'y a pas de bouton de conversion sur lequel appuyer et pas de fichier à télécharger Basculer le Markdown gitHub aromatisé si votre source utilise des tables ou des listes de tâches, puis copiez le HTML ou téléchargez-le sous forme de fichier.html.

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