Convertisseur Markdown vers HTML — Transformez votre code Markdown en code HTML épuré et prêt à l'emploi au fur et à mesure que vous tapez.

Collez ou saisissez du code Markdown : le code HTML s'affiche instantanément, avec un aperçu en temps réel si vous souhaitez voir le résultat final. L'outil prend en charge les titres, les listes, les tableaux, les listes de tâches et les blocs de code. Copiez le résultat, téléchargez-le sous forme de fichier ou affichez-le en pleine page. Tout fonctionne directement dans votre navigateur.

Convertir Markdown Votre texte reste dans votre navigateur
Convertisseur Markdown vers HTML affichant le texte Markdown à gauche et le code HTML converti à droite

Saisie en Markdown

Options

Code HTML généré

–Input words
–Headings
–Links
– Taille HTML
Le guide

Guide de conversion Markdown vers HTML : écrivez simplement, publiez partout

Qu'est-ce que le Markdown et comment est-il converti en HTML ?

Une explication simple

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

Markdown est un moyen simple de rédiger du texte mis en forme à l'aide de caractères courants. Un convertisseur Markdown vers HTML transforme ce texte en balises HTML nécessaires à une page web, ce qui vous permet d'écrire rapidement tout en obtenant des titres, des listes, des liens et des tableaux correctement formatés.

Comme le Markdown est facile à lire avant même d'être converti, il est très utilisé pour la documentation, les fichiers README, les notes, les brouillons de blog et les contenus transférés d'un outil à l'autre. Ce convertisseur vous fournit le code HTML dès que vous tapez, avec un aperçu facultatif et une page complète si vous en avez besoin.

Raisons courantes de l'utiliser

Pourquoi utilise-t-on un convertisseur Markdown ?

Articles de blog et contenu web

Rédigez votre texte au format Markdown, puis collez le code HTML épuré dans un CMS, un modèle ou un éditeur d'e-mails.

Documentation

Convertissez les fichiers README et les notes au format HTML afin de pouvoir les intégrer à une page d'aide ou à un site interne.

Apprendre le Markdown

Tapez quelques caractères et découvrez exactement quelles balises HTML elles génèrent, présentées côte à côte.

Comment ça marche ?

Comment le Markdown est converti en HTML

Le convertisseur lit votre texte bloc par bloc. Une ligne commençant par un à six caractères # devient un titre, les lignes commençant par un tiret ou un chiffre deviennent des éléments de liste, et une ligne comportant au moins trois tirets devient une ligne horizontale. Le texte situé entre deux paires de triples guillemets inversés devient un bloc de code, et tout le reste est regroupé en paragraphes. À l'intérieur de ces blocs, les caractères tels que * et _ permettent de mettre en évidence du texte, tandis que les crochets suivis de parenthèses créent des liens.

MarkdownHTML
# Titre 1<h1>Titre 1</h1>
**gras** et *italique*<strong>gras</strong> et <em>italique</em>
[texte](https://example.com)<a href="https://example.com">texte</a>
- article<ul><li>article</li></ul>
1. étape<ol><li>étape</li></ol>
`code`<code>code</code>
> citation<blockquote><p>citation</p></blockquote>
~~disparu~~<del>disparu</del>

Le Markdown standard considère un simple saut de ligne comme un espace et commence un nouveau paragraphe à partir d'une ligne vide. Le convertisseur prend également en charge les fonctionnalités supplémentaires de type GitHub auxquelles la plupart des utilisateurs s'attendent aujourd'hui : tableaux, listes de tâches, texte barré et liens automatiques.

C'est fait en quelques étapes

Comment convertir du Markdown en HTML

  1. Collez votre code Markdown dans le champ de saisie, ouvrez un fichier .md ou cliquez sur « Exemple » pour voir un exemple.
  2. Choisissez vos options : une page HTML complète, des identifiants de titres, des sauts de ligne ou du code HTML brut.
  3. Lisez le code HTML dans la zone d'affichage, ou passez en mode « Aperçu » pour voir à quoi cela ressemble.
  4. Cliquez sur « Copier » ou « Télécharger » pour enregistrer le code HTML dans un fichier.
De meilleurs résultats

Quelques conseils simples

  • Laissez une ligne vide avant et après les titres, les listes, les tableaux et les blocs de code. C'est la solution la plus courante lorsque le Markdown ne se convertit pas comme prévu.
  • Utilisez un bloc de code clôturé avec le nom du langage après les guillemets inversés. Le code HTML se voit alors attribuer une classe de langue que les outils de mise en évidence de la syntaxe peuvent utiliser.
  • Veillez à désactiver l'option « Autoriser le HTML brut » pour les textes que vous n'avez pas rédigés vous-même.
  • L'aperçu utilise une mise en page par défaut. C'est le CSS de votre site qui déterminera l'apparence finale du code HTML.
Bon à savoir

Restrictions et confidentialité

Confidentialité

La conversion s'effectue dans votre navigateur. Votre fichier Markdown n'est ni téléchargé, ni stocké, ni enregistré, et l'aperçu ainsi que le fichier téléchargé sont générés sur votre appareil.

Limites

Il s'agit d'un convertisseur compact prenant en charge les fonctionnalités courantes de Markdown et du style GitHub. Ce n'est pas un moteur CommonMark ou GitHub complet ; par conséquent, les notes de bas de page, les codes emoji, les formules mathématiques et les cas particuliers inhabituels ne sont pas pris en charge. Le code HTML brut est transmis tel quel lorsque vous l'autorisez ; veillez donc à nettoyer tout contenu non fiable avant publication.

Questions fréquentes

FAQ sur le convertisseur Markdown vers HTML

Qu'est-ce que Markdown ?

Markdown est un moyen de rédiger du texte mis en forme à l'aide de caractères simples, tels que # pour un titre et ** autour d'un mot pour le mettre en gras. Créé par John Gruber en 2004, il est aujourd'hui utilisé dans la documentation, les fichiers README, les notes et de nombreux sites web.

Quelles fonctionnalités Markdown ce convertisseur prend-il en charge ?

Titres, paragraphes, caractères en gras, en italique ou barrés, code en ligne, blocs de code encadrés et indentés, citations en bloc, listes ordonnées et imbriquées, listes de tâches, tableaux avec alignement, liens, liens de référence, images, liens automatiques et lignes horizontales.

Le résultat est-il identique à celui du Markdown de GitHub ?

Il respecte les règles CommonMark standard et ajoute des tableaux de type GitHub, des listes de tâches, le barré et des liens automatiques. Le moteur de rendu propre à GitHub offre davantage de fonctionnalités, telles que les codes emoji, les mentions et les notes de bas de page ; certains cas particuliers peuvent donc s'afficher différemment.

Mon texte a-t-il été mis en ligne quelque part ?

Non. La conversion s'effectue dans votre navigateur, et votre fichier Markdown ne quitte jamais votre appareil.

Le code HTML peut-il être publié en toute sécurité ?

Par défaut, tout code HTML que vous saisissez est échappé, et les liens commençant par « javascript: » ou une expression similaire sont bloqués. Si vous activez l'option « Autoriser le code HTML brut », celui-ci est transmis tel quel ; veillez donc à faire passer le contenu fourni par d'autres utilisateurs par un outil de nettoyage HTML approprié avant de le publier.

Pourquoi mes sauts de ligne simples ne sont-ils pas pris en compte ?

Dans Markdown, un simple retour à la ligne est traité comme un espace, et seule une ligne vide marque le début d'un nouveau paragraphe. Pour forcer un saut de ligne, terminez la ligne par deux espaces ou une barre oblique inversée, ou activez l'option qui transforme les sauts de ligne simples en balises <br>.

Comment créer un tableau ?

Séparez les cellules par des barres verticales et ajoutez une ligne de tirets sous l'en-tête, par exemple | Nom | Prix | et | --- | --- |. Ajoutez deux points à gauche, à droite ou des deux côtés des tirets pour aligner la colonne à gauche, à droite ou au centre.

Comment puis-je obtenir une page HTML complète plutôt qu'un extrait ?

Activez le mode « Page HTML complète ». Le résultat est encadré par une balise doctype, une balise head et une balise body, le titre de premier niveau servant de titre à la page.

À quoi servent les identifiants de titre ?

Un identifiant associé à un titre vous permet d'accéder directement à cette section, par exemple page.html#installation. Lorsque l'option « Ajouter des identifiants aux titres » est activée, chaque titre se voit attribuer un identifiant en minuscules généré à partir de son texte, et un numéro est ajouté aux titres qui se répètent.

D'après les utilisateurs de cet outil

Avis

Chargement des avis…
Continue comme ça

Encore plus d'outils à disposition

La page d'accueil propose des dizaines d'autres outils gratuits qui ne nécessitent pas de clé API.

Proposer un outil