DevToolPal
FR

Convertisseur Markdown vers HTML

Convertit du Markdown en HTML avec GitHub Flavored Markdown, des ID de titres, un nettoyage optionnel et une page complète.

Traitement local, rien n'est envoyé

Options

Markdown

0 caractères · 0 B

HTML

0 caractères · 0 B

Ce que fait l’outil

Le convertisseur Markdown vers HTML transforme du texte Markdown en balisage HTML que vous pouvez coller dans un CMS, un modèle d’e-mail, une page statique ou tout endroit qui accepte le HTML mais pas le Markdown. Il est pratique pour publier un README sur un site, déplacer des notes dans un éditeur de blog ou vérifier exactement quelles balises produit un extrait de Markdown.

La sortie est le même HTML que celui des moteurs de rendu Markdown les plus courants : titres <h1> à <h6>, paragraphes <p>, listes <ul> et <ol>, blocs <pre><code> avec une classe language- pour les colorateurs syntaxiques et balisage <table> pour les tableaux à la GitHub.

Mode d’emploi

  1. Tapez ou collez du Markdown, importez un fichier .md ou cliquez sur Exemple.
  2. Choisissez les options utiles : GitHub Flavored Markdown, sauts de ligne en <br>, ID de titres pour les liens d’ancre, nettoyage pour les contenus non fiables et document HTML complet plutôt qu’un fragment.
  3. Copiez le HTML ou téléchargez-le en fichier .html.

Le résultat se met à jour pendant la saisie. Laissez l’option de document complet désactivée pour coller le résultat dans une page existante, et activez-la pour obtenir un fichier autonome.

Exemple

Ce Markdown :

## Install

Run the **installer** and read the [guide](https://example.com).

- Windows
- macOS

devient ce HTML :

<h2>Install</h2>
<p>Run the <strong>installer</strong> and read the <a href="https://example.com">guide</a>.</p>
<ul>
<li>Windows</li>
<li>macOS</li>
</ul>

Astuces

  • Par défaut, le HTML brut présent dans le Markdown est conservé tel quel, comme le font la plupart des moteurs de rendu. Activez le nettoyage dès que le Markdown a été écrit par quelqu’un d’autre.
  • Avec les ID de titres, vous pouvez créer un lien vers une section avec une adresse comme page.html#install et générer une table des matières à partir des titres.
  • Les blocs de code gardent leur langage sous forme de classe, donc des colorateurs comme Prism ou highlight.js les reconnaissent sans effort supplémentaire.
  • Pour voir le rendu côte à côte, utilisez l’aperçu Markdown. Pour l’autre sens, utilisez le convertisseur HTML vers Markdown.

FAQ

› Quelle syntaxe Markdown est prise en charge ?

Tout CommonMark, comme les titres, l'emphase, les liens, les images, les listes, les citations, le code et les lignes horizontales. Avec GitHub Flavored Markdown activé, vous avez aussi les tableaux avec alignement des colonnes, les listes de tâches, le texte barré et les liens automatiques pour les URL nues.

› Que fait l'option de nettoyage ?

Elle échappe tout le HTML brut du Markdown pour qu'il s'affiche comme du texte au lieu de devenir des balises, et elle supprime les liens et images dont l'URL utilise un schéma dangereux comme javascript ou vbscript. Activez-la quand le Markdown vient d'utilisateurs auxquels vous ne faites pas confiance, par exemple des commentaires ou des messages de forum.

› Comment les ID des titres sont-ils générés ?

Comme sur GitHub. Le texte du titre est mis en minuscules, la ponctuation est retirée et les espaces deviennent des tirets, donc Getting Started reçoit l'id getting-started. Les titres répétés reçoivent -1, -2 et ainsi de suite, ce qui garde chaque ancre unique.

› À quoi sert l'option de document HTML complet ?

Elle enveloppe le résultat dans une page complète avec un doctype, le jeu de caractères UTF-8, une balise viewport, un titre tiré du premier titre de niveau un et une petite feuille de style lisible. Enregistrez-la en fichier .html et elle s'ouvre proprement dans n'importe quel navigateur.

› Mon Markdown est-il envoyé quelque part ?

Non. La conversion s'exécute dans votre navigateur avec la bibliothèque marked, et rien n'est envoyé à un serveur.