Aller au contenu
fr
Tous les outils

Catégories

Outils développeurEncodage & décodageJSON & donnéesHash & checksumOutils de texteDate & heureOutils réseauOutils de fichiersMarkdown & diagrammes

Convertisseur HTML en Markdown

Collez un fragment HTML ou une page enregistrée et obtenez un Markdown propre avec les options de style de votre choix.

Traité localement dans votre navigateur

Options
0 caractères · 0 lignes
Le résultat apparaîtra ici.

Qu'est-ce que Convertisseur HTML en Markdown ?

La conversion HTML vers Markdown est utile pour migrer du contenu depuis un CMS, un blog ou un e-mail vers un système basé sur Markdown : générateur de site statique, wiki ou dépôt de documentation.

Le convertisseur nettoie d’abord votre HTML avec DOMPurify (scripts, styles et gestionnaires d’événements sont supprimés), puis traduit les balises restantes en Markdown avec Turndown. Des règles dédiées ajoutent les extensions GitHub : tableaux avec alignement des colonnes, ~~texte barré~~ et listes de tâches - [x]. Vous choisissez les titres ATX ou Setext, le caractère de puce, le code délimité ou indenté et les liens en ligne ou par référence.

Comment ça marche ?

  1. Collez un fragment HTML ou le code source complet de la page dans la zone de saisie.
  2. Choisissez le style des titres, la puce, le style des blocs de code, des liens et le délimiteur d’italique.
  3. Laissez l’option GFM activée pour convertir tableaux, texte barré et listes de tâches ; désactivez-la pour du CommonMark pur.
  4. Copiez ou téléchargez le Markdown et vérifiez l’aperçu rendu en dessous.

Cas d'usage courants

  • Migrer des articles de blog ou de centre d’aide vers un générateur de site statique.
  • Transformer un e-mail ou une newsletter HTML en notes Markdown modifiables.
  • Extraire une documentation lisible à partir du code d’une page web copiée.
  • Convertir des tableaux HTML en tableaux Markdown pour un README.

Exemples

Essayez cette saisie dans l'outil ci-dessus :

<h1>Product update</h1>
<p>This release adds <strong>dark mode</strong>, <em>faster search</em> and <del>legacy exports</del>.</p>
<h2>What changed</h2>
<ul>
  <li>New <a href="https://example.com/changelog" title="Changelog">changelog page</a></li>
  <li>Keyboard shortcuts</li>
  <li><input type="checkbox" checked disabled> Accessibility review</li>
  <li><input type="checkbox" disabled> Translations</li>
</ul>
<ol><li>Update the app</li><li>Restart it</li></ol>
<table>
  <thead><tr><th>Plan</th><th align="right">Seats</th></tr></thead>
  <tbody>
    <tr><td>Free</td><td align="right">1</td></tr>
    <tr><td>Team</td><td align="right">25</td></tr>
  </tbody>
</table>
<blockquote><p>Simple i
…

Confidentialité

Convertisseur HTML en Markdown s'exécute entièrement dans votre navigateur. Le texte ou les fichiers que vous fournissez sont traités sur votre appareil et ne sont ni envoyés, ni journalisés, ni stockés sur nos serveurs.

Limites

Le Markdown ne peut pas tout exprimer comme le HTML : mise en page, styles en ligne, formulaires, scripts et iframes sont supprimés, et les tableaux complexes (cellules fusionnées) sont aplatis. Relisez le résultat avant de le publier.

Questions fréquentes

Les scripts ou styles de mon HTML sont-ils conservés ?

Non. L’entrée est d’abord nettoyée, puis Turndown retire aussi script, style et noscript : seul le balisage du contenu parvient au Markdown.

Comment les tableaux HTML sont-ils convertis ?

Avec GFM activé, la première ligne devient l’en-tête, les cellules sont séparées par des barres verticales et l’attribut align de th/td pilote les marqueurs :---:. Les barres dans les cellules sont échappées.

Quelle différence entre les titres ATX et Setext ?

ATX utilise des # en début de ligne (# Titre). Setext souligne le texte avec === ou --- et n’existe que pour les niveaux 1 et 2 ; les autres niveaux gardent les #.

Outils associés

Plus d'outils dans Markdown & diagrammes →