Convertisseur HTML en Markdown

Bienvenue dans notre convertisseur HTML vers Markdown, un outil en ligne gratuit qui transforme le balisage HTML en une syntaxe Markdown propre et lisible. Que vous migriez du contenu d'un CMS vers un site statique, rédigiez de la documentation, prépariez des fichiers README ou convertissiez des articles de blog pour des plateformes comme GitHub ou Jekyll, ce convertisseur gère les titres, les liens, les images, les tableaux, les blocs de code, les listes et plus encore avec précision.

Qu'est-ce que le Markdown ?

Le Markdown est un langage de balisage léger créé par John Gruber en 2004. Il utilise des conventions de formatage en texte brut simples telles que # Titre, **gras**, - élément de liste et [lien](url) pour créer des documents structurés faciles à lire dans leur forme brute et pouvant être convertis en HTML pour l'affichage sur le Web. Le Markdown est le format standard pour les fichiers README, la documentation pour développeurs, les blogs, les forums et les applications de prise de notes.

Pourquoi convertir du HTML en Markdown ?

1. Migration de contenu

Le déplacement de contenu de WordPress, Drupal ou d'autres plateformes CMS basées sur HTML vers des générateurs de sites statiques comme Jekyll, Hugo ou Gatsby nécessite la conversion du HTML en Markdown. Cet outil automatise ce processus.

2. Documentation

La documentation pour développeurs sur GitHub, GitLab et Bitbucket utilise le Markdown. La conversion des documents HTML existants en Markdown les rend plus faciles à maintenir, à contrôler les versions et à collaborer.

3. Lisibilité

Le Markdown est beaucoup plus lisible que le HTML dans sa forme brute. La conversion du HTML en Markdown facilite l'analyse, l'édition et la révision du contenu par les humains sans avoir à gérer les crochets pointus et les balises de fermeture.

4. Portabilité

Les fichiers Markdown fonctionnent sur des centaines de plateformes et d'outils. En convertissant le HTML en Markdown, votre contenu devient portable et pérenne.

Éléments HTML pris en charge

Comment utiliser cet outil

1. Collez votre HTML : Copiez et collez le contenu HTML que vous souhaitez convertir dans l'éditeur de saisie à gauche. Vous pouvez également cliquer sur un exemple rapide pour voir comment cela fonctionne.
2. Configurer les options : Choisissez votre style de titre préféré (ATX ou Setext), le marqueur de liste (- ou *) et le style de clôture de code (backticks ou tildes).
3. Afficher la sortie Markdown : Le Markdown converti apparaît instantanément dans le panneau de droite pendant que vous tapez.
4. Copier ou télécharger : Cliquez sur Copier pour copier le Markdown dans votre presse-papiers, ou sur Télécharger pour l'enregistrer sous forme de fichier .md. Vous pouvez également basculer l'aperçu en direct pour voir comment le Markdown est rendu.

Options de style de lien

En ligne (par défaut)

Le style en ligne place l'adresse du lien directement à côté du texte du lien, comme [texte](url). Un titre de lien, s'il est présent dans le HTML, est conservé entre guillemets après l'adresse.

Référencé

Le style référencé écrit le texte du lien sous la forme [texte][1] et regroupe chaque adresse dans une liste numérotée à la fin de la sortie Markdown, comme [1]: url. Cela évite que de longues URL encombrent le corps du texte et convient bien aux longs articles.

Options de style de titre

Style ATX (par défaut)

Le style ATX utilise des symboles dièse (#) avant le texte du titre. Il prend en charge les six niveaux de titre et est le style le plus largement utilisé dans le Markdown moderne :

# Titre 1 | ## Titre 2 | ### Titre 3

Comment le taux de compression est calculé

Le taux de compression compare la longueur de votre sortie Markdown avec la longueur de votre entrée HTML, les deux étant comptées en caractères. Il est calculé comme 100 % moins (caractères Markdown divisés par caractères HTML), arrondi au pourcent entier le plus proche. Par exemple, si votre HTML fait 1 000 caractères et le Markdown 600 caractères, la compression affiche 40 %. Un nombre plus élevé signifie que le Markdown est plus court que le HTML ; un nombre négatif signifie que le Markdown est plus long.

Style Setext

Le style Setext utilise des soulignements sous le texte du titre. Il ne prend en charge que h1 et h2 (h3-h6 reviennent à ATX). Certains rédacteurs le préfèrent pour les titres de premier niveau en raison de son emphase visuelle dans le Markdown brut.

Cas d'utilisation courants

Migration de CMS

Migration de contenu de blog de WordPress, Ghost ou Squarespace vers des plateformes basées sur Markdown comme Hugo, Jekyll, Gatsby ou Next.js. Collez la source HTML et obtenez un Markdown propre prêt pour votre nouveau site.

Fichiers README GitHub

Conversion de documentation HTML ou de maquettes de conception en Markdown pour les référentiels GitHub. Le convertisseur gère les tableaux, les blocs de code et les listes imbriquées que GitHub Flavored Markdown prend en charge.

E-mail vers documentation

Conversion du contenu d'e-mail HTML ou du contenu de page Web au format Markdown pour les wikis de documentation interne ou les bases de connaissances.

Prise de notes

Conversion de contenu Web en Markdown pour des applications comme Obsidian, Notion, Bear ou Typora. Les notes Markdown sont portables et pérennes.

Conseils pour de meilleurs résultats

Nettoyer d'abord le HTML

Pour de meilleurs résultats, utilisez du HTML propre sans styles en ligne excessifs. Le convertisseur se concentre sur la structure HTML sémantique, donc la suppression des attributs style et class inutiles produit une sortie plus propre.

Vérifier l'alignement des tableaux

Les tableaux HTML complexes avec des cellules fusionnées (colspan/rowspan) peuvent ne pas se convertir parfaitement car les tableaux Markdown ne prennent pas en charge la fusion de cellules. Les tableaux simples se convertissent avec précision.

Listes imbriquées

Le convertisseur gère correctement les listes imbriquées avec une indentation appropriée. Si votre HTML contient des listes profondément imbriquées, examinez la sortie pour vous assurer que l'imbrication correspond à vos attentes.

Foire aux questions

Qu'est-ce qu'un convertisseur HTML vers Markdown ?

Un convertisseur HTML vers Markdown est un outil en ligne qui transforme le balisage HTML en syntaxe Markdown équivalente. Il convertit les balises HTML telles que les titres, le gras, l'italique, les liens, les images, les listes, les tableaux et les blocs de code en leurs équivalents Markdown, produisant un contenu formaté en texte brut propre et lisible.

Mon contenu HTML est-il sûr lors de l'utilisation de ce convertisseur ?

Oui, tout à fait sûr. Toute la conversion HTML vers Markdown se produit entièrement dans votre navigateur à l'aide de JavaScript côté client. Votre contenu n'est jamais envoyé à un serveur, stocké ou transmis. Votre HTML reste totalement privé.

Quels éléments HTML ce convertisseur prend-il en charge ?

Ce convertisseur prend en charge tous les éléments HTML courants, y compris les titres (h1-h6), les paragraphes, le gras, l'italique, le barré, les liens, les images, les listes ordonnées et non ordonnées, les listes imbriquées, les tableaux, les blocs de code, le code en ligne, les citations, les règles horizontales, les sauts de ligne et le texte préformaté.

Quelle est la différence entre les styles de titre ATX et Setext ?

Le style ATX utilise des symboles dièse avant le texte du titre (par exemple, ## Titre 2), tandis que le style Setext utilise des soulignements sous le texte du titre (par exemple, une ligne de tirets pour h2). ATX prend en charge les six niveaux de titre (h1-h6), tandis que Setext ne prend en charge que h1 et h2. ATX est plus couramment utilisé dans le Markdown moderne.

Puis-je convertir des tableaux HTML en Markdown ?

Oui. Ce convertisseur prend en charge les tableaux HTML et les convertit en syntaxe de tableau GitHub Flavored Markdown (GFM) avec un alignement de colonne approprié à l'aide de barres verticales et de tirets. Il gère correctement les éléments thead, tbody, th et td.

Ressources supplémentaires

• Guide GitHub Flavored Markdown