Comment utiliser : HTML vers Markdown
- Collez le code HTML dans le panneau de gauche, ou copiez un texte mis en forme depuis une page web ou un document puis collez-le. Si « Coller le texte enrichi en HTML » est activé, la mise en forme est conservée.
- Choisissez votre style de Markdown : style des titres, marqueur des listes, style des blocs de code et liens en ligne ou par référence.
- Gardez GFM activé pour convertir les
<table>, les<del>et les listes à cocher en Markdown de type GitHub. - Copiez le résultat ou téléchargez-le sous forme de fichier
.md.
Qu'est-ce qu'un convertisseur HTML vers Markdown ?
Un convertisseur HTML vers Markdown lit les éléments HTML et les réécrit avec la syntaxe en texte brut de Markdown : <h2> devient ## , <strong> devient **…**, <a href> devient [texte](url). C'est le moyen le plus rapide de transférer un contenu depuis un CMS, un ancien blog ou une page web vers un dépôt Git, un générateur de site statique (Hugo, Jekyll, Astro, Docusaurus), un wiki ou une application de prise de notes comme Obsidian. Cet outil utilise la bibliothèque open source Turndown avec son extension GFM, et fonctionne entièrement dans votre navigateur.
Copier depuis des pages web, Google Docs et Word
Lorsque vous copiez du texte depuis un navigateur ou une application bureautique, le presse-papiers contient une version HTML en plus du texte brut. Avec l'option Coller le texte enrichi en HTML activée, le collage dans le panneau de gauche insère ce HTML, de sorte que les titres, le gras, les liens et les listes sont conservés. Désactivez-la si vous souhaitez coller du code HTML source exactement tel qu'il a été copié depuis un éditeur de code.
Exemple
<h2>Install</h2>
<p>Run <code>npm i</code>, then
read the <a href="/docs">docs</a>.</p>
<ul>
<li>Fast</li>
<li><em>Small</em></li>
</ul>devient
## Install
Run `npm i`, then read the [docs](/docs).
- Fast
- _Small_Turndown aligne les marqueurs de liste sur une indentation de quatre caractères, afin que les listes imbriquées et les éléments à plusieurs paragraphes s'alignent correctement dans tous les analyseurs Markdown.
Explication des options
| Option | Choix | Quand l'utiliser |
|---|---|---|
| Titres | # ATX ou Setext (soulignement ===/---) | ATX est la valeur par défaut la plus courante ; Setext n'existe que pour les titres h1 et h2. |
| Marqueur de liste | -, *, + | Alignez-vous sur le linter de votre projet (règle MD004 de markdownlint). |
| Blocs de code | ``` clôtures, clôtures ~~~, indentation de 4 espaces | Les clôtures conservent le langage (issu de class="language-js") ; les blocs indentés ne le peuvent pas. |
| Liens | En ligne ou par référence | Les liens par référence évitent que de longues URL encombrent les paragraphes et les regroupent à la fin. |
Ce qui ne se convertit pas
Markdown n'a pas de syntaxe pour les couleurs, les polices, les mises en page en colonnes, les formulaires ou les cellules de tableau fusionnées. Le style est supprimé, les blocs <script> et <style> sont retirés, et les tableaux sans ligne d'en-tête sont conservés en HTML, car les tableaux GFM exigent un en-tête et ne prennent en charge que des cellules simples sur une seule ligne. Les cellules fusionnées (colspan/rowspan) ne peuvent pas être représentées. Nettoyez d'abord un balisage désordonné avec le Formateur HTML, puis vérifiez le résultat avec le convertisseur Markdown vers HTML.
Aussi recherché comme : convertir html en markdown, html to md, texte enrichi vers markdown, page web en markdown, turndown, html2markdown, tableau gfm.
Outils complémentaires : HTML vers Markdown
- HTML vers Webflow Rich Text — Collez du HTML désordonné (ancien site, export WordPress, Google Docs ou Word) et obtenez un balisage sémantique propre, accepté par l’élément Rich Text de Webflow et par l’import CMS sans résidus.
- Encodeur d'entités HTML — Échappez < > & " pour afficher du texte en sécurité dans une page HTML, convertissez les accents et symboles en entités nommées ou numériques, ou décodez un HTML rempli d'entités pour retrouver le texte brut.
- Vérificateur de différences — Collez une version originale et une version modifiée pour comparer côte à côte les lignes ajoutées, supprimées et modifiées — les mots exacts qui ont été modifiés étant mis en évidence dans chaque ligne.
- Compteur de mots — Collez ou saisissez votre texte pour compter en temps réel le nombre de mots et de caractères, ainsi que la durée de lecture et de prononciation, la densité des mots-clés et la longueur des titres, méta-descriptions et publications sur les réseaux sociaux à des fins de référencement.
Questions fréquentes
Puis-je coller le résultat dans Webflow ?
Mon HTML est-il envoyé à un serveur ?
Comment convertir une page web entière en Markdown ?
Pourquoi mon tableau reste-t-il en HTML ?
<th> ni <thead>) sont conservés en HTML, que la plupart des moteurs de rendu Markdown acceptent. Les cellules fusionnées, les tableaux imbriqués et les listes dans les cellules ne peuvent pas être exprimés en GFM.Quel marqueur de liste choisir ?
- est le choix le plus courant et la valeur par défaut de Prettier ; choisissez celui qu'attendent le guide de style de votre projet ou la configuration de markdownlint.Les images sont-elles converties ?
<img src="a.png" alt="Logo"> devient , y compris l'attribut title s'il est présent. Les fichiers image eux-mêmes ne sont pas téléchargés.