Convertisseur HTML vers Markdown

Convertissez le HTML en Markdown propre. Prend en charge les titres, listes, tableaux, blocs de code, liens et images avec des styles configurables de puces, titres, liens et code.

Mis à jour le

Share:

HTML to Markdown Converter

0 bytes
0 lines
0 bytes
0 lines

Questions Fréquentes

Qu'est-ce que le convertisseur HTML vers Markdown ?

Le convertisseur HTML vers Markdown est un outil en ligne gratuit qui convertit le HTML en Markdown propre. Il prend en charge les titres, listes, tableaux, blocs de code, liens et images avec des styles configurables pour les puces, les titres, les liens et le code. Il fonctionne entièrement dans votre navigateur, sans installation ni inscription.

Comment ça marche ?

Il analyse le HTML avec le DOMParser du navigateur et parcourt l'arbre de nœuds pour produire du Markdown, y compris les titres, listes, blocs de code, tableaux, liens et images. Il s'exécute côté client.

Quelles variantes de Markdown sont prises en charge ?

CommonMark ainsi que les extensions GFM pour les tableaux et le texte barré. Choisissez des titres ATX ou Setext, des blocs de code délimités ou indentés, et des liens en ligne ou par référence.

Mon HTML est-il téléversé ?

Non. La conversion se fait entièrement dans votre navigateur via DOMParser. Rien n'est envoyé à un serveur.

Le convertisseur HTML vers Markdown est-il gratuit ?

Oui, le convertisseur HTML vers Markdown est 100% gratuit, sans inscription, sans frais cachés et sans limite d'utilisation. Tout le traitement se fait localement dans votre navigateur, garantissant une confidentialité totale.

Mes données sont-elles en sécurité avec cet outil ?

Absolument. Le convertisseur HTML vers Markdown traite tout côté client, dans votre navigateur. Aucune donnée n'est téléversée ni stockée sur un serveur. Votre contenu reste privé sur votre appareil à tout moment.

Le convertisseur HTML vers Markdown fonctionne-t-il sur les appareils mobiles ?

Oui, le convertisseur HTML vers Markdown est entièrement adaptatif et fonctionne sur smartphones et tablettes. Vous pouvez l'utiliser sur n'importe quel appareil doté d'un navigateur web moderne, sans téléchargement d'application.

Dois-je créer un compte pour utiliser cet outil ?

Aucun compte ni inscription n'est nécessaire. Ouvrez simplement le convertisseur HTML vers Markdown dans votre navigateur et commencez à l'utiliser immédiatement. Il n'y a aucune barrière d'inscription ni restriction d'utilisation.

Puis-je traiter de grandes quantités de texte ?

Oui, le convertisseur HTML vers Markdown gère des textes de toute longueur avec un traitement rapide et en temps réel. Comme tout s'exécute dans votre navigateur, les performances dépendent de votre appareil, mais cela fonctionne bien pour la plupart des cas.

Comment utiliser le convertisseur HTML vers Markdown ?

Saisissez simplement votre texte dans le champ prévu, ajustez les paramètres selon vos préférences, et l'outil le traitera instantanément. Vous pouvez ensuite copier le résultat dans le presse-papiers ou le télécharger.

Quelle est la différence entre les liens en ligne et les liens en style référence en Markdown ?

Les liens en ligne placent l'URL juste à côté du texte, comme [Toolbox](https://getthetoolbox.com), ce qui se lit rapidement pour un lien isolé mais alourdit les paragraphes truffés de références. Les liens en style référence séparent le libellé de l'adresse : le texte affiche [Toolbox][1], et l'URL réelle se trouve dans une liste numérotée regroupée en bas du document, par exemple [1]: https://getthetoolbox.com. La prose visible reste propre et facile à parcourir, et vous pouvez réutiliser une même définition pour des liens répétés. Aucun des deux styles ne change l'apparence de la page rendue ; ils n'affectent que le code source brut. Ce convertisseur vous permet de choisir l'un ou l'autre via l'option Style des liens, et lorsque vous optez pour le style référence, il regroupe automatiquement chaque ancre dans une liste numérotée en pied de document, sans que vous ayez à gérer les index manuellement.

Pourquoi le Markdown converti ajoute-t-il des barres obliques inverses devant certains caractères ?

Le Markdown traite des caractères comme *, _, #, [, ] et les accents graves comme de la syntaxe de mise en forme. Donc si votre texte HTML contient littéralement ces caractères, ils doivent être échappés avec une barre oblique inverse pour empêcher le moteur de rendu de les mal interpréter. Par exemple, une phrase mentionnant un fichier nommé report_2024 se transformerait sinon en texte en italique, car les underscores déclenchent l'emphase. Le convertisseur échappe ces caractères spéciaux dans le texte normal afin que le résultat s'affiche exactement comme la page d'origine, sans gras, italique ou lien accidentels. À l'intérieur des blocs de code délimités, les caractères restent intacts, car le code doit apparaître tel quel. Si une barre oblique inverse isolée vous semble superflue dans votre cas, elle protège simplement un caractère qui serait autrement interprété comme du balisage. Collez votre HTML et l'échappement s'applique automatiquement au fur et à mesure que vous tapez.

Comment le convertisseur gère-t-il les blocs de code et les indices de coloration syntaxique ?

Lorsque l'outil rencontre un bloc <pre><code>, il entoure le contenu d'un bloc de code délimité par défaut, avec des triples accents graves au-dessus et en dessous, afin que le code reste intact malgré les sauts de ligne. Si l'élément <code> d'origine porte une classe CSS comme language-javascript ou language-python, le convertisseur lit ce nom et l'ajoute à la barrière d'ouverture, ce qui produit ```javascript. Cet indice de langage est ce que GitHub, GitLab et la plupart des générateurs de sites statiques utilisent pour appliquer la coloration syntaxique. Les spans <code> en ligne, en revanche, sont entourés d'un seul accent grave. Si votre moteur de rendu cible est un ancien moteur CommonMark qui préfère l'indentation, basculez l'option Style des blocs de code sur indenté, ce qui préfixe chaque ligne de quatre espaces au lieu d'utiliser des barrières. Collez votre HTML pour voir votre code apparaître proprement délimité et étiqueté avec son langage.

Peut-il convertir des tableaux HTML en tableaux Markdown ?

Oui. Le convertisseur détecte les éléments <table> et les reconstruit en tableaux Markdown à pipes façon GitHub-Flavored Markdown, où les colonnes sont séparées par le caractère | et une ligne de tirets marque la frontière entre l'en-tête et le corps. La première balise <tr>, ou toute cellule à l'intérieur de <thead>, devient la ligne d'en-tête, et les lignes restantes viennent s'ajouter en dessous. Cela fonctionne bien pour les grilles de données simples, ce qui couvre la grande majorité des tableaux que vous copiez depuis des pages web. Gardez à l'esprit que les tableaux Markdown sont volontairement simples, donc des fonctionnalités HTML avancées comme les cellules fusionnées (colspan ou rowspan) et les éléments de bloc imbriqués dans une cellule n'ont pas d'équivalent direct et peuvent ne pas se reporter proprement. Pour des tableaux propres et bien structurés, le résultat est prêt à être collé dans un README ou un wiki. Collez le HTML de votre tableau pour l'essayer.

De combien le Markdown est-il plus léger que le HTML d'origine ?

Cela dépend entièrement de la densité de balises de votre source, mais le Markdown est presque toujours nettement plus léger, car il supprime les balises entre chevrons, les styles en ligne, les attributs de classe et le balisage de suivi que le HTML web accumule. Un titre écrit sous la forme <h2 class="title">Bonjour</h2> se réduit à un simple ## Bonjour, et un paragraphe stylé perd tous ses attributs d'enveloppe tout en conservant les mots. Les pages exportées depuis des éditeurs WYSIWYG ou récupérées depuis des sites en ligne ont tendance à rétrécir le plus, car elles portent la surcharge de mise en forme la plus lourde. Plutôt que de promettre un ratio fixe, cet outil le mesure pour vous : il indique la taille en octets et le nombre de lignes à la fois du HTML en entrée et du Markdown en sortie, afin que vous puissiez voir la réduction exacte pour votre contenu spécifique. Collez votre HTML et comparez les deux décomptes côte à côte.

Embed This Tool

Add a free, live version of this widget to your own website or blog post — it runs entirely in your visitors' browsers, with a credit link back to The Toolbox.

Copy & paste this HTML
<iframe src="https://getthetoolbox.com/embed/html-to-markdown" title="HTML to Markdown Converter — The Toolbox" width="100%" height="420" style="max-width:480px;border:1px solid #e2e8f0;border-radius:12px" loading="lazy"></iframe>
<p style="font-size:12px;margin:4px 0 0"><a href="https://getthetoolbox.com/text-tools/html-to-markdown?utm_source=embed&utm_medium=widget" target="_blank" rel="noopener">Free HTML to Markdown Converter</a> by The Toolbox</p>

À propos du convertisseur HTML vers Markdown

Le convertisseur HTML vers Markdown transforme du HTML brut en Markdown propre et lisible, prêt à coller dans un README, un article de site statique, une page de wiki ou tout CMS qui comprend le Markdown. Collez votre HTML à gauche, et le Markdown converti apparaît à droite au fur et à mesure que vous tapez — pas de bouton à cliquer, pas d'attente serveur. Il a été conçu pour les développeurs qui migrent du contenu depuis une page web, les rédacteurs techniques qui archivent de la documentation, et toute personne qui a copié du texte formaté et souhaite obtenir du Markdown net plutôt qu'un mur de balises.

La conversion s'effectue entièrement dans votre navigateur. Votre HTML est analysé localement grâce au DOMParser intégré du navigateur, et rien n'est envoyé, journalisé ou stocké nulle part. Cela le rend adapté aux documents internes, aux brouillons d'articles ou au code source de pages récupéré que vous préférez ne pas transmettre à une API tierce. Aucune inscription, aucune installation, et aucune limite d'usage autre que celle de votre propre appareil.

Quels éléments HTML sont convertis

Le convertisseur parcourt le DOM analysé nœud par nœud et associe chaque élément à son équivalent Markdown :

  • Titres — les balises <h1> à <h6> deviennent des titres préfixés par # (ou en style Setext souligné pour les niveaux 1 et 2).
  • Mise en forme du texte<strong>/<b> deviennent **gras**, <em>/<i> deviennent *italique*, et <del>/<s>/<strike> deviennent ~~barré~~.
  • Liens et images — les ancres deviennent [texte](url), avec les attributs title conservés ; les images deviennent ![alt](src).
  • Listes — listes ordonnées et non ordonnées, y compris les sous-listes imbriquées correctement indentées.
  • Code — le <code> en ligne est entouré d'accents graves ; les blocs <pre><code> sont mis en forme avec des blocs de code délimités, et une classe language-* est détectée pour ajouter un indice de coloration syntaxique.
  • Citations, séparateurs et tableaux<blockquote> devient des lignes précédées de >, <hr> devient ---, et les tableaux sont rendus en tableaux Markdown à pipes façon GitHub, avec une ligne d'en-tête.

Des styles de sortie que vous contrôlez

Le Markdown offre plusieurs façons valables d'écrire la même chose, donc l'onglet Options vous permet de vous aligner sur les conventions de votre projet cible :

  • Style des puces — choisissez -, * ou + comme marqueur de liste non ordonnée.
  • Style des titres — ATX (## Titre) ou Setext (souligné avec === et ---).
  • Style des liens — en ligne [texte](url), ou en style référence [texte][1] avec une liste numérotée de liens regroupée en bas du document, ce qui garde une prose longue plus facile à lire.
  • Style des blocs de code — délimité par des triples accents graves, ou indenté avec quatre espaces pour les moteurs CommonMark plus anciens.
  • Balises non prises en charge — supprimez-les et ne gardez que leur contenu textuel, ou laissez passer le HTML brut tel quel lorsque vous devez le conserver.

Pourquoi convertir du HTML en Markdown

Le Markdown est le langage de balisage léger utilisé par GitHub, GitLab, Reddit, Discord, la plupart des générateurs de sites statiques, et un nombre croissant d'applications de prise de notes. C'est du texte brut, donc il reste lisible dans un diff, survit au copier-coller, et ne traîne jamais les styles en ligne, les attributs de suivi ou l'imbrication cassée que le HTML collé emporte souvent avec lui. Extraire du contenu d'une page rendue pour le convertir en Markdown est une étape courante lors de la migration d'un blog, de la rédaction de documentation à partir d'un site existant, ou du nettoyage de la sortie d'un éditeur WYSIWYG.

L'outil affiche également la taille en octets et le nombre de lignes de l'entrée comme de la sortie, afin que vous puissiez voir en un coup d'œil à quel point le balisage a rétréci — la surcharge des balises HTML fait souvent que la version Markdown ne représente qu'une fraction de la taille d'origine. Une fois satisfait du résultat, copiez-le dans votre presse-papiers ou téléchargez-le sous forme de fichier .md prêt à être commité. Chargez d'abord l'exemple intégré si vous souhaitez voir comment chaque option de mise en forme modifie le résultat avant de coller votre propre contenu.