Aller au contenu principal

HTML vers Markdown

Transformez titres, paragraphes, liens, listes, citations et code HTML en Markdown sans envoyer votre contenu sur un serveur.

  • Presse-papiers
  • Export
Automatiser

Intégrer ce widget

Personnalisez le rendu, vérifiez l’aperçu puis copiez le code.

Aperçu

Type de code d’intégration

Code à copier

Responsive et redimensionné automatiquement par Bethemesh.

Cet outil vous a-t-il été utile ?

Comment fonctionne cet outil ?

Convertissez du HTML en Markdown lisible pour récupérer le contenu d’une page web, d’un e-mail ou d’un export de CMS dans un format simple à éditer, à versionner ou à publier dans une documentation. Titres, paragraphes, listes, liens, images, citations et blocs de code sont repris ; les balises de mise en page sont retirées. Tout se passe dans votre navigateur.

Les balises <script> et <style> sont d’abord supprimées avec leur contenu. Les blocs <pre> (avec ou sans <code>) deviennent des blocs ``` dont le contenu est décodé et conservé à l’identique : un &lt;div&gt; dans un exemple de code redevient <div> au lieu d’être supprimé comme une balise.

Les titres <h1> à <h6> donnent # à ######, <strong> et <b> donnent **gras**, <em> et <i> *italique*, <code> du code en ligne, <a href> un lien [texte](adresse) et <img> une image ![texte](adresse), même sans attribut alt. Les listes <ul> donnent des puces « - » ; les listes <ol> sont numérotées à partir de 1 ou de la valeur de leur attribut start. <blockquote> devient une citation, <hr> un séparateur et <br> un retour à la ligne.

Les conteneurs (div, section, article, tableaux…) sont retirés et remplacés par des séparations de paragraphes ; les entités HTML (&amp;, &nbsp;, &#233;…) sont décodées. Les tableaux ne sont pas convertis en tableaux Markdown : leurs cellules deviennent du texte qu’il faut remettre en forme.

Comment utiliser cet outil ?

  1. Coller le HTML

    Saisissez ou importez le code dans le champ « Source HTML ».

  2. Convertir

    Lancez la conversion pour obtenir le Markdown correspondant.

  3. Relire et ajuster

    Vérifiez les liens, les images et les éventuels tableaux, puis copiez le résultat.

Cas d'utilisation

Migrer une documentation

Récupérez des pages HTML pour les intégrer dans un dépôt ou un générateur de site Markdown.

Nettoyer un contenu copié

Débarrassez un texte de ses balises de mise en page tout en gardant titres, listes et liens.

Archiver un article

Conservez le contenu d’une page dans un fichier texte léger et lisible.

Exemples

Titre, mise en forme et liste

Entrée

<h2>Résumé</h2><p>Un <strong>texte</strong> avec un <a href="https://example.com">lien</a>.</p><ul><li>Point A</li><li>Point B</li></ul>

Résultat

## Résumé

Un **texte** avec un [lien](https://example.com).

- Point A
- Point B

Liste numérotée et bloc de code

La numérotation reprend à 3 grâce à l’attribut start et le code HTML de l’exemple est conservé.

Entrée

<ol start="3"><li>Vérifier</li><li>Publier</li></ol><pre><code>&lt;p&gt;Bonjour&lt;/p&gt;</code></pre>

Résultat

3. Vérifier
4. Publier

```
<p>Bonjour</p>
```

Conseils et bonnes pratiques

  • Copiez de préférence le contenu principal de la page (l’élément article ou main) : menus, pieds de page et formulaires seraient sinon convertis en texte.
  • Les adresses relatives des liens et des images (/contact, img/photo.jpg) sont conservées telles quelles : complétez-les si le Markdown doit vivre ailleurs.
  • Vérifiez ensuite le rendu avec l’Aperçu Markdown, et harmonisez la syntaxe avec le Formateur Markdown si nécessaire.

Sources et références

Questions fréquentes

Les tableaux HTML sont-ils convertis ?

Non. Les balises de tableau sont retirées et le contenu des cellules est conservé comme texte : il faut recréer le tableau Markdown à la main.

Que deviennent les scripts et les styles ?

Les balises <script> et <style> sont supprimées avec leur contenu ; les attributs class, id ou style disparaissent avec les balises.

Les listes imbriquées sont-elles conservées ?

Les éléments sont tous repris, mais l’imbrication n’est pas restituée par une indentation : relisez les listes à plusieurs niveaux.

Les caractères accentués et les entités sont-ils gérés ?

Oui. Les entités nommées courantes (&amp;, &lt;, &nbsp;…) et numériques (&#233;, &#xE9;) sont décodées en caractères.

Le HTML est-il envoyé à un serveur ?

Non. La conversion s’effectue dans votre navigateur, sans charger les images ni les liens présents dans le code.

Outils associés

Des outils similaires ou complémentaires à celui-ci.

Outils similaires

Convertissez du Markdown en HTML propre directement dans votre navigateur.

Texte & rédactionUtiliser l’outil

Rédigez du Markdown et affichez instantanément le rendu HTML.

Texte & rédactionUtiliser l’outil

Générez du faux texte Lorem Ipsum pour vos maquettes, prototypes et tests de mise en page.

Texte & rédactionMis en avantUtiliser l’outil