Convertisseur HTML en Markdown (GFM)

Convertisseur HTML en Markdown (GFM)

Convertissez du code HTML en Markdown GitHub Flavored (GFM) avec tableaux, blocs de code et nettoyage d'extraits web. Supprimez les styles inline et exportez des fichiers .md propres.

Préréglages de scénarios
Parseur DOM W3C ➔ Sérialiseur Markdown0 nodes
DOM Tree0 nodesSanitizer-0 debrisGFM RulesGFMSerializer-0% bytes
Code source HTML & contenuHTML5
Dialecte Markdown:

En attente de code source HTML...

Caractères0
Mots0
Lignes0
Taux de réduction0%
Indice de propreté100%
Temps de lecture estimé1m
Référence technique et guide d'architecture

Convertisseur HTML en Markdown (GFM) — Guide de référence

Convertissez du code HTML en Markdown avec prise en charge des tableaux GFM, blocs de code et nettoyage de styles inline. Exportez des fichiers .md propres.

Convertisseur HTML en Markdown (GFM) — Guide de référence — Architecture en mémoire côté client et flux de données
Convertisseur HTML en Markdown (GFM) — Guide de référence — Architecture en mémoire côté client et flux de données

Paramètres clés et contrôles

Normalisation des titres (ATX vs Setext)Protocole de titres Markdown

Définit la syntaxe structurelle des titres. Le style ATX préfixe les lignes d'un à six croisillons (# à ######), universellement pris en charge par GitHub, GitLab et Obsidian. Le style Setext utilise des signes égal soulignés (===) pour H1 et des tirets (---) pour H2, limitant la hiérarchie à deux niveaux.

Par défaut : ATX (# Titre)
Sérialisation des tableaux GFM & alignementParseur d'AST tabulaire

Convertit les éléments HTML <table>, <thead> et <tbody> en tableaux délimités par des barres verticales (|) selon la spécification GitHub Flavored Markdown. Échappe les barres verticales littérales (\|), normalise le nombre de colonnes et insère les deux-points d'alignement (:--- à gauche, :---: centré, ---: à droite).

Par défaut : GFM délimité par des barres (|)
Délimiteur de bloc de code (Fence)Norme d'encadrement syntaxique

Définit les délimiteurs de blocs de code. Les blocs délimités par des triples backticks (```) ou tildes (~~~) préservent l'identifiant de langage (ex. ```typescript). Le style indenté applique 4 espaces selon CommonMark, mais ne prend pas en charge les métadonnées de coloration syntaxique.

Par défaut : Triples backticks (```)
Marqueur de liste à pucesNorme syntaxique de listes

Définit le caractère des listes non ordonnées (-, * ou +). Le tiret (-) garantit une lisibilité optimale dans les outils de diff et linters Markdown, évitant tout conflit avec les marqueurs d'emphase (*).

Par défaut : Tiret (-)
Stratégie de sérialisation des liens & médiasArchitecture de référence d'URI

Le style inline formate directement les hyperliens sous la forme [ancre](url "titre"), optimisé pour la fluidité de lecture. Le style par référence génère [ancre][id] et regroupe les définitions en bas de page, idéal pour la documentation technique à citations répétitives.

Par défaut : En ligne [texte](url)
Nettoyage DOM & suppression des styles inlineDirective du moteur de nettoyage

Nettoie l'arbre DOM W3C en éliminant les balises de présentation obsolètes (<font>, <center>), supprimant les attributs de style inline (style="..."), purgeant les paramètres d'URL de tracking (utm_*, fbclid) et retirant les commentaires HTML pour produire un Markdown sémantique épuré.

Par défaut : Activé (Nettoyage strict)

Conseils de pro et bonnes pratiques

Échapper les barres verticales dans les cellules de tableau pour éviter les ruptures

En GitHub Flavored Markdown (GFM), une barre verticale non échappée (|) dans une cellule est interprétée comme un séparateur de colonne, brisant la disposition du tableau. La bonne pratique impose d'échapper les barres sous la forme (\|) ou de les encapsuler dans du code inline (`|`). Notre convertisseur détecte et échappe automatiquement ces caractères dans l'ensemble des cellules.

CommonMark impose deux espaces finales ou un antislash pour les retours à la ligne

En HTML, la balise <br> crée un saut de ligne immédiat. En CommonMark et GFM, un retour chariot simple est assimilé à une espace et fusionné au paragraphe. Pour afficher un saut de ligne sans créer de nouveau paragraphe, la ligne précédente doit impérativement se terminer par deux espaces consécutives ou un antislash (\).

Les listes imbriquées requièrent une indentation de 4 espaces ou une tabulation

Bien que GFM tolère une indentation à 2 espaces pour les listes simples, la spécification CommonMark (RFC 7763) exige que les sous-listes et contenus multilignes soient alignés sur le premier caractère non-espace suivant le marqueur parent (généralement 4 espaces). Une indentation insuffisante conduit les parseurs à interpréter la sous-liste comme un bloc de code racine ou un paragraphe orphelin.

Conserver le HTML brut pour les éléments interactifs non pris en charge

Markdown ne possède aucune syntaxe native pour les accordéons déroulants (<details><summary>), les touches clavier (<kbd>), les vidéos (<video>) ou les indices et exposants (<sub>/<sup>). Supprimer ces balises détruit l'interactivité. Les moteurs Markdown modernes (notamment GitHub et MDX) autorisent nativement le rendu transparent du HTML brut pour ces composants.

Pièges courants et dépannage

⚠️Effondrement des colonnes de tableau en texte brut illisible

Les tableaux GFM exigent une grille strictement rectangulaire aux colonnes uniformes et ne supportent pas nativement les cellules fusionnées via colspan ou rowspan. Face à des cellules fusionnées en HTML, normalisez le tableau en matrice rectangulaire avant la conversion, ou activez l'option « Passthrough HTML brut » pour préserver l'intégrité des balises <table>.

⚠️Rupture de mise en forme des blocs de code due aux collisions de backticks

Lors de la conversion d'une documentation technique contenant des blocs Markdown à l'intérieur d'éléments HTML <pre><code>, les triples backticks internes entrent en conflit avec la clôture externe. Résolvez ce problème en configurant le délimiteur externe sur 4 backticks (````) ou triples tildes (~~~), syntaxe spécifiquement réservée par CommonMark pour l'échappement de code.

⚠️Création accidentelle de listes numérotées sur les années ou numéros de version

Une ligne débutant par un chiffre suivi d'un point et d'une espace (ex. « 2026. Une année charnière » ou « 1.0. Version finale ») est automatiquement interprétée par CommonMark comme un élément de liste ordonnée, déclenchant une auto-incrémentation. Neutralisez ce comportement en échappant le point à l'aide d'un antislash (ex. « 2026\. Une année charnière »).

Foire aux questions (FAQ)

Comment convertir des tableaux HTML en tableaux GitHub Flavored Markdown ?▼

La conversion mappe les cellules <th> vers une ligne d'en-tête séparée par des barres verticales (|), génère la ligne de délimitation d'alignement (ex. | :--- | :---: | ---: | d'après les styles text-align ou attributs align), puis formate chaque balise <tr> en ligne encadrée de barres. Les sauts de ligne internes sont convertis en espaces ou balises <br>, et les barres verticales littérales sont échappées sous la forme (\|).

Pourquoi mon bloc de code Markdown converti perd-il sa coloration syntaxique ?▼

La coloration syntaxique en Markdown nécessite un identifiant de langage explicite accolé aux backticks ouvrants (ex. ```typescript). En HTML, cette métadonnée réside généralement dans la classe CSS de la balise <code> (telle que class="language-python" ou class="highlight-js"). Si le code HTML source est dépourvu de cette classe, le convertisseur génère un bloc générique sans métadonnée de coloration.

Quelle est la différence entre CommonMark et GitHub Flavored Markdown (GFM) ?▼

CommonMark constitue la spécification formelle et non ambiguë de la syntaxe Markdown standard (RFC 7763), conçue pour harmoniser les parseurs. GitHub Flavored Markdown (GFM) est un sur-ensemble formel de CommonMark qui l'enrichit de fonctionnalités indispensables au génie logiciel : tableaux délimités par des barres (|), listes de tâches à cocher ([ ] / [x]), texte barré (~~texte~~) et conversion automatique des URL en liens.

Comment convertir du texte enrichi copié sur le Web sans ouvrir le code source HTML ?▼

Les systèmes d'exploitation modernes copient simultanément le texte brut et le balisage HTML enrichi dans le presse-papiers. Cliquez sur le bouton « Coller le texte enrichi » de notre outil : il exploite l'API Clipboard asynchrone du navigateur (navigator.clipboard.read) pour extraire directement le flux MIME text/html et convertir instantanément les textes mis en forme, tableaux et liens sans nécessiter l'inspection du DOM.

Comment le convertisseur gère-t-il les balises HTML non supportées par Markdown comme video ou iframe ?▼

Les spécifications Markdown standards omettent volontairement les médias interactifs et intégrations externes. Notre convertisseur propose deux stratégies configurables : (1) préserver les balises conformes W3C (<video>, <iframe>, <details>, <summary>, <kbd>) sous forme de HTML brut inline, parfaitement interprété par les moteurs modernes (GitHub, MDX), ou (2) nettoyer intégralement les balises non sémantiques pour obtenir un document textuel pur.

Outils et utilitaires connexes

Tous les outils →
Comparateur de Texte & Diff CheckerDéveloppement

Comparez vos textes, codes et fichiers avec notre comparateur de diff instantané. Visualisez les écarts côte à côte ou en ligne au caractère près, ignorez les espaces et exportez vos patchs unifiés.

Ouvrir l'outil→
Générateur de Balises Canoniques & URLDéveloppement

Générez des balises rel=canonical et en-têtes HTTP valides. Supprimez les paramètres de suivi, normalisez les URL et éliminez le contenu dupliqué en SEO.

Ouvrir l'outil→
Convertisseur cURL en Fetch (JS & Node)Développement

Convertissez instantanément vos commandes cURL en syntaxe Fetch API. Analysez en-têtes HTTP, tokens d'authentification, cookies et payloads JSON en code JavaScript async/await moderne.

Ouvrir l'outil→
Validateur Sitemap XML & Syntaxe URLDéveloppement

Validez instantanément vos sitemaps XML et fichiers d'index. Vérifiez le seuil des 50 000 URLs, la syntaxe W3C Datetime, les balises hreflang, schémas médias et erreurs Google Search Console.

Ouvrir l'outil→
Simulateur SERP Google & Aperçu SnippetDéveloppement

Prévisualisez vos extraits Google SERP sur ordinateur et mobile avec troncature précise au pixel près, badges rich snippets, sitelinks et score CTR en direct.

Ouvrir l'outil→
Générateur Dégradé Mesh CSS & Fond SVGDéveloppement

Générez des dégradés de maillage CSS multi-points, des arrière-plans animés et des maillages SVG. Ajustez les points de contrôle, le grain argentique et exportez le code CSS ou Tailwind.

Ouvrir l'outil→