DecoToolkit Logo

Convertisseur Markdown en HTML

Collez ou saisissez du Markdown à gauche et voyez le HTML rendu à droite — en direct, dans votre navigateur. Supporte le GitHub Flavoured Markdown complet : tableaux, listes de tâches, texte barré, blocs de code, images et liens. Copiez le HTML ou téléchargez un fichier .html complet.

Link copied to clipboard

Markdown

Markdown to HTML Converter

Convert GitHub Flavoured Markdown to HTML instantly — no server, no sign-up.

Features

  • Supports italic, bold, and strikethrough
  • Fenced code blocks with language hints
  • Tables, task lists, and blockquotes

Code Example

function greet(name) {
  return `Hello, ${name}!`;
}

Task List

  • Paste your Markdown
  • See the rendered Preview
  • Copy or download the HTML

Table

Format Example Output
Bold **text** text
Italic _text_ text
Strike ~~text~~ text

Switch to HTML Source to see the generated markup.

Essayez un exemple rapide

Cliquez sur un exemple pour le charger dans l'éditeur.

Comment utiliser cet outil

  1. Collez votre Markdown dans l'éditeur à gauche ou saisissez directement. Le panneau de droite se met à jour en temps réel.
  2. Le panneau de droite affiche un aperçu rendu par défaut — titres formatés, texte en gras, listes, tableaux et blocs de code.
  3. Cliquez sur 'Code HTML' dans le panneau de droite pour basculer de l'aperçu au code HTML brut.
  4. Cliquez sur 'Copier le HTML' pour copier le HTML généré dans votre presse-papiers.
  5. Cliquez sur 'Télécharger .html' pour enregistrer un document HTML complet et autonome sur votre appareil.
  6. Utilisez 'Essayez un exemple rapide' sous l'éditeur pour charger un modèle — README, article de blog, changelog, page de documentation, FAQ ou tableau comparatif.
  7. Effacez l'éditeur avec l'icône de corbeille et repartez de zéro, ou chargez un autre exemple.
  8. Collez le HTML copié dans votre CMS, plateforme de blog, système de documentation, modèle d'e-mail ou tout outil qui accepte du HTML.

Pourquoi utiliser notre Convertisseur Markdown en HTML ?

Markdown est le format d'écriture standard pour les fichiers README, la documentation, les changelogs et le contenu CMS — mais la plupart des cibles de publication nécessitent du HTML. Ce convertisseur comble cette lacune instantanément, s'exécutant entièrement dans votre navigateur sans appels au serveur. Votre texte reste privé, la conversion est immédiate et le résultat est un HTML propre et conforme aux standards utilisable partout.

Guide de syntaxe Markdown

Une référence complète de la syntaxe Markdown — entrée Markdown à gauche, sortie HTML à droite.

Titres
Markdown
# Heading 1
## Heading 2
### Heading 3
HTML
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>

Utilisez # pour H1, ## pour H2, ### pour H3, jusqu'à ###### pour H6.

Gras
Markdown
**Bold text**
__Also bold__
HTML
<strong>Bold text</strong>
<strong>Also bold</strong>

Entourez le texte de **doubles astérisques** ou __doubles tirets bas__.

Italique
Markdown
*Italic text*
_Also italic_
HTML
<em>Italic text</em>
<em>Also italic</em>

Entourez le texte d'*un astérisque* ou _d'un tiret bas_.

Gras et Italique
Markdown
***Bold and italic***
HTML
<strong><em>Bold and italic</em></strong>

Utilisez ***triples astérisques*** pour gras et italique ensemble.

Texte barré
Markdown
~~Struck through~~
HTML
<del>Struck through</del>

Entourez le texte de ~~doubles tildes~~ — GitHub Flavored Markdown uniquement.

Code en ligne
Markdown
Use `console.log()` here.
HTML
Use <code>console.log()</code> here.

Entourez le texte de `guillemets inversés` pour du code en ligne.

Bloc de code
Markdown
```javascript
const x = 42;
console.log(x);
```
HTML
<pre><code class="language-javascript">
const x = 42;
console.log(x);
</code></pre>

Utilisez des triples guillemets inversés. Ajoutez un nom de langage pour les indications de syntaxe.

Citation
Markdown
> This is a blockquote.
> It can span multiple lines.
HTML
<blockquote>
<p>This is a blockquote.
It can span multiple lines.</p>
</blockquote>

Préfixez une ligne avec > pour créer une citation en bloc.

Liste ordonnée
Markdown
1. First item
2. Second item
3. Third item
HTML
<ol>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ol>

Commencez les lignes par des chiffres suivis d'un point. Les chiffres sont corrigés automatiquement.

Liste non ordonnée
Markdown
- Apple
- Banana
- Cherry
HTML
<ul>
<li>Apple</li>
<li>Banana</li>
<li>Cherry</li>
</ul>

Utilisez -, + ou * pour créer des puces.

Liste imbriquée
Markdown
- Parent item
  - Child item
  - Another child
HTML
<ul>
<li>Parent item
<ul>
<li>Child item</li>
<li>Another child</li>
</ul>
</li>
</ul>

Indentez avec 2 ou 4 espaces pour créer des sous-listes.

Liste de tâches
Markdown
- [x] Completed task
- [ ] Pending task
HTML
<ul>
<li><input checked disabled type="checkbox"> Completed task</li>
<li><input disabled type="checkbox"> Pending task</li>
</ul>

Utilisez - [ ] pour non coché et - [x] pour coché — GitHub Flavored Markdown uniquement.

Liens
Markdown
[Visit DecoToolkit](https://decotoolkit.com)
HTML
<a href="https://decotoolkit.com">Visit DecoToolkit</a>

Utilisez [texte du lien](URL) — ajoutez un titre avec [texte](URL "Titre").

Images
Markdown
![Alt text](https://example.com/image.png)
HTML
<img src="https://example.com/image.png" alt="Alt text">

Utilisez ![texte alternatif](URL) — comme un lien mais avec le préfixe !.

Tableaux
Markdown
| Name  | Role   |
|-------|--------|
| Alice | Dev    |
| Bob   | Design |
HTML
<table>
<thead><tr><th>Name</th><th>Role</th></tr></thead>
<tbody>
<tr><td>Alice</td><td>Dev</td></tr>
<tr><td>Bob</td><td>Design</td></tr>
</tbody></table>

Utilisez des barres verticales | et des tirets --- pour créer des tableaux. Utilisez des deux-points pour l'alignement.

Règle horizontale
Markdown
---
HTML
<hr>

Utilisez trois tirets (---), astérisques (***) ou tirets bas (___) seuls sur une ligne.

Échapper des caractères
Markdown
\*not italic\*
HTML
<p>*not italic*</p>

Préfixez tout caractère Markdown avec \ pour le rendre littéralement.

Fonctionnalités Markdown prises en charge

Ce convertisseur utilise la bibliothèque marked avec GitHub Flavored Markdown (GFM) activé. Toutes les fonctionnalités ci-dessous sont entièrement prises en charge.

✓Titres H1–H6
✓Paragraphes et sauts de ligne
✓Gras et italique
✓Gras + italique combinés
✓Texte barré (GFM)
✓Code en ligne
✓Blocs de code délimités
✓Citations en bloc
✓Listes ordonnées
✓Listes non ordonnées
✓Listes imbriquées
✓Listes de tâches (GFM)
✓Liens
✓Images
✓Tableaux (GFM)
✓Règles horizontales
✓Passage de HTML brut

Erreurs courantes en Markdown

Évitez ces pièges courants lors de l'écriture en Markdown.

Ligne vide manquante avant une liste
❌ Incorrect
Some text here
- Item one
- Item two
✅ Correct
Some text here

- Item one
- Item two
Ligne séparatrice manquante dans le tableau
❌ Incorrect
| A | B |
| 1 | 2 |
✅ Correct
| A | B |
|---|---|
| 1 | 2 |
Syntaxe de lien incorrecte
❌ Incorrect
[Click here]https://example.com
✅ Correct
[Click here](https://example.com)
Bloc de code non fermé
❌ Incorrect
```
code here
(missing closing fence)
✅ Correct
```
code here
```
Un seul saut de ligne ne crée pas un nouveau paragraphe
❌ Incorrect
First paragraph.
Second paragraph.
✅ Correct
First paragraph.

Second paragraph.

Qu'est-ce que Markdown ?

Markdown est une syntaxe de formatage de texte brut conçue pour être lisible telle quelle et convertible en HTML. Créée par John Gruber et Aaron Swartz en 2004, elle utilise des caractères de ponctuation simples — tels que #, * et > — pour indiquer la structure et l'emphase. Markdown est désormais le format d'écriture standard pour la documentation technique, les projets open-source et les plateformes de contenu orientées développeurs.

  • Fichiers README sur GitHub, GitLab et Bitbucket
  • Documentation générée par des outils comme MkDocs, Docusaurus et Jekyll
  • Articles de blog sur des plateformes comme Ghost, Hashnode et Dev.to
  • Notes dans des applications comme Obsidian, Notion et Bear
  • Messages de chat dans Slack, Discord et Microsoft Teams
  • Générateurs de sites statiques dont Hugo, Eleventy et Astro

Cas d'usage courants pour un convertisseur Markdown en HTML

Un convertisseur Markdown en HTML est utile dès que vous avez du contenu rédigé en Markdown mais que vous avez besoin d'une sortie HTML. Voici les scénarios les plus courants :

  • Publier des articles de blog dans un CMS qui accepte du HTML
  • Convertir un README de projet en page de site de documentation
  • Générer des modèles d'e-mail HTML à partir de brouillons Markdown
  • Exporter des notes Markdown d'applications comme Obsidian ou Typora en HTML
  • Intégrer du contenu formaté dans des outils qui ne supportent que le HTML (Mailchimp, HubSpot, etc.)
  • Créer des fragments HTML à inclure dans des sites statiques ou des applications monopages
  • Vérifier quel HTML un document Markdown produira avant de déployer

Bonnes pratiques lors de l'écriture en Markdown

Suivre des conventions Markdown cohérentes évite les problèmes de rendu et maintient vos documents portables entre outils et plateformes.

  • Ajoutez toujours une ligne vide avant une liste, un bloc de code ou une citation
  • Préférez les titres ATX (# H1) au style Setext — plus faciles à scanner et pris en charge partout
  • Utilisez des blocs de code délimités (``` lang) plutôt que l'indentation de 4 espaces — plus lisibles et prennent en charge les indications de langage
  • Échappez les caractères spéciaux (*, _, [, ]) avec une barre oblique inverse quand vous voulez qu'ils apparaissent littéralement
  • Alignez les colonnes de tableaux avec des espaces de remplissage — n'affecte pas la sortie mais améliore la lisibilité
  • Utilisez des URL relatives pour les liens internes dans les projets de documentation
  • Testez votre Markdown sur la plateforme cible en plus d'un convertisseur — de légères différences de rendu existent entre les parseurs

Questions fréquemment posées

Qu'est-ce que Markdown ?

Markdown est un langage de formatage de texte brut créé par John Gruber en 2004. Il utilise des caractères de ponctuation simples — comme # pour les titres, **gras** et *italique* — pour indiquer le formatage. L'idée est que Markdown soit lisible en tant que texte brut tout en se convertissant proprement en HTML. Aujourd'hui, il est utilisé dans les fichiers README GitHub, les systèmes de documentation, les plateformes de blog, les applications de prise de notes et plus encore.

Qu'est-ce que HTML et comment Markdown s'y rapporte-t-il ?

HTML (HyperText Markup Language) est le langage standard que les navigateurs utilisent pour afficher les pages web. Markdown et HTML servent le même objectif — texte structuré et formaté — mais Markdown est plus facile à écrire et à lire. Un convertisseur Markdown prend votre source Markdown et produit les balises HTML équivalentes : ## devient <h2>, **gras** devient <strong>, et ainsi de suite.

Qu'est-ce que le GitHub Flavoured Markdown (GFM) ?

GitHub Flavoured Markdown est un sur-ensemble de la spécification Markdown originale, créé par GitHub. Il ajoute des tableaux, des listes de tâches (cases à cocher), du texte barré (~~texte~~), des blocs de code délimités avec des indications de langage et la liaison automatique des URL. Le GFM est devenu le standard de facto utilisé par la plupart des outils et plateformes Markdown, et ce convertisseur le prend en charge intégralement.

Quelles fonctionnalités Markdown sont prises en charge ?

Ce convertisseur prend en charge la spécification complète GitHub Flavoured Markdown : titres (H1–H6), gras, italique, gras+italique, texte barré, code en ligne, blocs de code, citations, listes ordonnées, listes non ordonnées, listes imbriquées, listes de tâches, liens, images, tableaux, règles horizontales et passage de HTML brut. Un guide de référence de syntaxe complet est disponible plus bas sur cette page.

Mon Markdown est-il envoyé à un serveur ?

Non. Toute la conversion se déroule entièrement dans votre navigateur en utilisant la bibliothèque open-source marked. Rien de ce que vous tapez n'est jamais envoyé à un serveur ou stocké nulle part. Vous pouvez même utiliser cet outil hors ligne une fois la page chargée.

Puis-je utiliser le fichier .html téléchargé directement dans un navigateur ?

Oui. Le fichier téléchargé est un document HTML complet et autonome avec une déclaration DOCTYPE et des balises <html>, <head> et <body>. Vous pouvez l'ouvrir directement dans n'importe quel navigateur. Notez qu'il n'inclut pas de CSS, il sera donc rendu avec les styles par défaut du navigateur à moins que vous n'ajoutiez une feuille de style manuellement.

Puis-je convertir un fichier README.md en HTML avec cet outil ?

Oui. Ouvrez votre fichier README.md, copiez son contenu et collez-le dans l'éditeur. L'outil rend le GitHub Flavoured Markdown de manière identique à GitHub — les titres, blocs de code, tableaux, listes de tâches et images fonctionnent correctement. Vous pouvez ensuite copier le HTML pour l'utiliser dans des sites de documentation, des wikis ou ailleurs.

Puis-je utiliser le HTML généré dans WordPress, Ghost ou d'autres plateformes CMS ?

Oui. Le HTML généré est propre, conforme aux standards et compatible avec tout CMS ou plateforme qui accepte du HTML. Dans WordPress, collez-le dans le bloc HTML ou le bloc HTML personnalisé. Dans Ghost, utilisez la carte HTML. La plupart des générateurs de sites statiques (Hugo, Jekyll, Eleventy) acceptent également les partiels HTML directement.

Que se passe-t-il avec le HTML en ligne dans mon Markdown ?

Le HTML en ligne est transmis sans modification. Si vous écrivez un <div> ou <span> dans votre Markdown, il apparaîtra tel quel dans la sortie. C'est le comportement standard de Markdown, utile pour ajouter des styles ou des éléments que la syntaxe Markdown ne prend pas en charge nativement.

Cet outil ajoute-t-il la coloration syntaxique aux blocs de code ?

Le convertisseur ajoute des attributs de classe de langage aux blocs de code délimités (ex. : <code class="language-javascript">) reconnus par les bibliothèques populaires de coloration syntaxique comme Prism.js ou highlight.js. Cependant, l'outil lui-même ne comprend pas de surligneur — vous devrez en inclure un dans votre page finale si vous souhaitez une sortie colorée.

Comment ajouter des images en Markdown ?

Utilisez la syntaxe ![Texte alternatif](URL) — par exemple, ![Logo](https://example.com/logo.png). Le texte alternatif est important pour l'accessibilité. Pour ajouter un titre au survol, utilisez ![Texte alternatif](URL "Titre ici"). Les images doivent déjà être hébergées quelque part ; cet outil ne télécharge pas de fichiers.

Comment créer des cases à cocher dans des listes de tâches ?

Utilisez - [ ] pour un élément non coché et - [x] pour un élément coché. Par exemple, `- [x] Rédiger le README` crée une case cochée et `- [ ] Déployer en production` crée une case non cochée. Il s'agit d'une extension GitHub Flavoured Markdown non disponible en Markdown de base.

Comment créer un tableau en Markdown ?

Utilisez des barres verticales pour séparer les colonnes et des tirets pour définir la ligne d'en-tête : `| Colonne 1 | Colonne 2 |` sur la première ligne, `|-----------|-----------|` sur la deuxième, puis `| Valeur 1 | Valeur 2 |` pour chaque ligne de données. Alignez les colonnes avec des deux-points : `|:------|` pour gauche, `|------:|` pour droite, `|:------:|` pour centre.

Quelle est la différence entre les vues Aperçu et Code HTML ?

Aperçu rend votre Markdown en HTML formaté — vous voyez les titres, le texte en gras, les tableaux et les listes tels qu'ils apparaîtraient dans un navigateur. Code HTML affiche le code HTML brut généré à partir de votre Markdown, que vous pouvez copier et utiliser directement dans votre projet. Vous pouvez basculer entre les deux vues à tout moment en utilisant le bouton au-dessus du panneau droit.

Outils associés

Convertisseur YAML en JSON

Convertissez entre YAML et JSON instantanément. Détection automatique du sens — dans votre navigateur.

Générateur de Tableaux Markdown

Créez des tableaux Markdown visuellement ou collez depuis Excel, Google Sheets ou CSV. Réglez l alignement et exportez du GFM.

Comparateur de Texte

Comparez deux textes et mettez en évidence les ajouts et suppressions ligne par ligne.

Convertisseur de Timestamp Unix

Convertissez des timestamps Unix en dates et inversement. Prend en charge secondes et millisecondes.

Outils consultés récemment

Text Diff

Developer

Compare two texts and highlight additions and deletions line by line.

YAML to JSON Converter

Developer

Convert between YAML and JSON instantly. Auto-detects direction — all in your browser.

URL Encoder / Decoder

Developer

Encode URLs to percent-encoded format or decode encoded URLs back to readable text.