Convertisseur Markdown vers HTML

Convertisseur Markdown vers HTML

Convertisseur Markdown vers HTML gratuit avec aperçu live et sortie visuelle rendue. GFM, tableaux, listes de tâches, HTML assaini. Sans inscription.

Mis à jour mai 2026

Vérifié par Rafael Duarte

HTML vers MD MD vers HTML
Options

Conversion en direct

Le résultat se met à jour à la frappe. Fonctionne entièrement dans le navigateur.

Besoin de l'inverse ? ← HTML vers Markdown

Comment convertir du Markdown en HTML

Code HTML et aperçu visuel côte à côte

1. Collez votre Markdown

N'importe quel contenu `.md` dans le panneau de gauche — le HTML et l'aperçu se mettent à jour en temps réel.

2. Ajustez les options

GFM pour les tableaux et listes de tâches, « Wrap in `<html>` » pour un document complet, Br-style Breaks pour les sauts de ligne simples.

3. Copiez ou téléchargez

Basculez entre HTML Code et Preview, puis utilisez « Copy HTML » ou « Download » en `.html`.

Quand vous allez utiliser cet outil

Les scénarios les plus courants chez les personnes qui l'utilisent

Publier du Markdown dans un CMS

Convertissez en HTML et collez le résultat dans WordPress, Webflow ou tout CMS qui accepte du HTML brut.

Générer des emails HTML

Rédigez le corps en Markdown, convertissez-le puis enveloppez-le dans votre template d'email.

Visualiser le rendu d'un fichier `.md`

Collez n'importe quel Markdown et voyez instantanément son rendu.

Documentation pour Confluence/SharePoint

Des systèmes qui n'interprètent pas le Markdown nativement — convertissez vos README ici.

Créer une page HTML autonome

Activez « Wrap in <html> » pour générer un fichier .html complet, prêt à ouvrir directement dans le navigateur ou à joindre à un email, sans avoir besoin de serveur.

Ce que fait ce convertisseur Markdown vers HTML

Propulsé par marked.js

GitHub Flavored Markdown

Tableaux, listes de tâches, texte barré et liens automatiques quand le GFM est activé.

Coloration syntaxique

Blocs de code colorés via highlight.js directement dans l'aperçu rendu.

Aperçu assaini avec DOMPurify

L'aperçu rendu retire <script> et les attributs d'événement. Le HTML brut déjà présent dans votre Markdown est conservé dans le code copié — vérifiez-le avant de le publier auprès d'utilisateurs finaux.

Document complet ou fragment

« Wrap in <html> » génère un .html autonome, ou copiez uniquement le fragment.

Sauts de ligne automatiques (Breaks)

Activez Br-style Breaks pour transformer chaque saut de ligne simple en <br> — utile pour coller du texte continu sans paragraphes formels.

Raccourci clavier pour copier

Appuyez sur Shift+Enter n'importe où sur la page (hors champ de texte) pour copier le HTML généré sans toucher la souris.

Exemples de conversion

Markdown
HTML
`# Introduction`
`<h1>Introduction</h1>`
`**gras** et *italique*`
`<strong>gras</strong> et <em>italique</em>`
`- [x] Écrire les tests`
`<li class="task-list-item"><input type="checkbox" checked>...`
tableau avec pipes et GFM activé
`<table><thead><tr><th>...`
`<https://exemple.com>`
`<a href="https://exemple.com">https://exemple.com</a>`

Erreur courante ? Commencez ici

Tableau sans ligne séparatrice

| --- | est obligatoire selon la spec GFM — sans elle, le tableau ne se convertit pas correctement.

Attendre du CSS inline automatique

La sortie n'a pas de style — pour une newsletter, enveloppez-la dans un template qui applique du CSS inline.

Croire que le HTML copié est déjà assaini

Seul le Preview passe par DOMPurify. Si le Markdown source contient du HTML brut avec <script> ou des attributs on*, ce code est conservé dans le HTML copié — assainissez-le avant de le publier auprès d'utilisateurs finaux.

Un saut de ligne unique ne devient pas `<br>`

Selon la spec CommonMark, un seul retour à la ligne à l'intérieur d'un paragraphe ne crée pas de saut visuel. Activez Br-style Breaks si votre texte repose sur des sauts simples.

Bloc de code sans langage défini

Sans identifiant de langage après les trois accents graves, comme javascript, highlight.js retombe sur du texte brut — sans coloration syntaxique dans l'aperçu.

Désactiver le GFM fait disparaître tableaux et listes de tâches

Avec le GFM désactivé, les tableaux avec pipes et les éléments - [x] deviennent du texte ordinaire au lieu de <table> et de cases à cocher.

Pourquoi utiliser cet outil

Affiche le code HTML brut ET l'aperçu visuel rendu côte à côte — pas seulement l'un des deux — en s'appuyant sur marked.js, l'un des parseurs les plus rapides et les plus utilisés.

L'aperçu rendu passe par DOMPurify, qui retire automatiquement les vecteurs XSS — mais cela ne vaut que pour l'onglet Preview. Le code de l'onglet HTML Code conserve tout HTML brut déjà présent dans votre Markdown, donc vérifiez-le avant de le coller dans un système exposé à des utilisateurs finaux.

Tout le traitement s'exécute dans votre navigateur via marked.js et highlight.js — rien du contenu n'est envoyé à un serveur, ce qui garde la conversion rapide et sûre même pour des textes sensibles. Si vous avez besoin du chemin inverse, le convertisseur jumeau HTML vers Markdown utilise la même base d'options.

HTML Code vs. Preview

Les deux onglets de sortie

HTML Code
Preview
Ce qu'il affiche
code brut à copier
apparence visuelle rendue
À utiliser quand
vous collez dans un autre système
vous voulez vérifier le résultat final
Mise à jour en temps réel
oui
oui

Questions fréquentes

HTML Code affiche le code brut à copier pour votre projet. Preview montre comment ce HTML s'affiche visuellement. Les deux se mettent à jour en temps réel.

Ressources

Outils connexes