Skip to main content
UtilityStack

Convertisseur Markdown vers HTML

Tapez du Markdown à gauche et voyez le HTML rendu ou l'aperçu en direct à droite. Propulsé par marked, supportant CommonMark plus les extensions GitHub Flavored Markdown.

Markdown
HTML
<h1>Hello, Markdown!</h1>
<p>Markdown is a <strong>lightweight</strong> markup language with plain-text formatting syntax.</p>
<h2>Features</h2>
<ul>
<li>Headings, paragraphs, lists</li>
<li>Links: <a href="https://example.com">example</a></li>
<li>Inline code: <code>const x = 1</code></li>
<li>Code blocks:</li>
</ul>
<pre><code class="language-js">function greet(name) {
  return `Hello, ${name}!`
}
</code></pre>
<blockquote>
<p>Blockquotes work too.</p>
</blockquote>
<table>
<thead>
<tr>
<th>Column 1</th>
<th>Column 2</th>
</tr>
</thead>
<tbody><tr>
<td>Cell A</td>
<td>Cell B</td>
</tr>
</tbody></table>

Qu'est-ce que Markdown ?

Markdown est une syntaxe légère de formatage en texte brut inventée par John Gruber en 2004. Elle vous permet d'écrire des documents structurés (titres, listes, liens, code, tableaux) en utilisant une ponctuation qui se lit naturellement — # pour un titre, ** pour le gras, > pour une citation — au lieu des chevrons HTML. C'est le format de facto pour les README, articles de site statique, documentation technique et outils comme Notion ou Slack.

CommonMark est le dialecte standardisé de Markdown que la plupart des parseurs modernes implémentent ; GitHub Flavored Markdown (GFM) l'étend avec les tableaux, les listes de tâches, les blocs de code clôturés avec indices de langue, le biffé et les autoliens. Ce convertisseur supporte les deux.

Comment utiliser cet outil

  1. Tapez ou collez du Markdown dans la zone d'entrée à gauche. Cliquez sur « Exemple » pour essayer avec du contenu d'exemple.
  2. Basculez le panneau de droite entre HTML (la sortie brute) et Aperçu (le résultat rendu).
  3. Utilisez « Copier HTML » pour mettre la sortie dans le presse-papiers, ou « Télécharger .html » pour enregistrer un fichier autonome.

Questions fréquentes

Quelle saveur de Markdown est supportée ?

CommonMark plus les extensions GFM les plus utiles : tableaux, blocs de code clôturés (avec langue), biffé, autoliens. Les listes de définitions, notes de bas de page et HTML dans le Markdown ne sont pas activés par défaut.

L'entrée est-elle envoyée à un serveur ?

Non. La conversion se fait entièrement dans votre navigateur — votre source Markdown ne quitte jamais votre machine.

Puis-je inclure du HTML brut dans le Markdown ?

Le HTML inline est préservé tel quel. Soyez prudent en recopiant la sortie dans un contexte où des balises script ou des attributs non sécurisés pourraient compter — assainissez-la (avec DOMPurify ou un assainisseur côté serveur) avant de rendre une sortie non fiable.

Les blocs de code sont-ils colorés syntaxiquement ?

La sortie produit des blocs ```langue``` propres avec le balisage standard `<pre><code class="language-xxx">`. Nous n'embarquons pas de colorisateur syntaxique pour garder le HTML léger et portable. Branchez highlight.js, Prism ou Shiki côté réception pour coloriser les blocs — tous lisent la classe de langue nativement.

Comment gère-t-il les gros documents ?

La conversion est entièrement côté client et se fait en une passe, donc un document classique de 50 000 mots se rend bien en moins d'une seconde sur un laptop moderne. Le goulet d'étranglement est la passe layout du navigateur quand vous recollez une sortie très longue dans un contenteditable. Pour les entrées énormes, préférez télécharger le HTML plutôt que de laisser la page recalculer la prévisualisation en direct.

Cas d'usage courants

Tâches où convertir du Markdown en HTML dans le navigateur fait gagner un temps réel.

Migrer un README vers un CMS

Collez un README de projet et copiez le HTML directement dans un bloc WordPress, Ghost ou Notion — pas besoin d'installer pandoc.

Composer un email HTML

Rédigez le corps en Markdown, convertissez et déposez le HTML dans un template d'email transactionnel. Gardez la source en texte clair pour faciliter les retouches.

Prévisualiser une PR avant de pusher

GitHub rend le Markdown côté serveur ; cela vous donne la même prévisualisation localement, pour qu'une coquille dans un titre ne surprenne pas le relecteur.

Convertir des extraits de documentation

Extrayez un morceau de doc interne écrit en Markdown et collez le HTML dans un article de centre d'aide, une réponse de support ou un wiki qui ne parle pas Markdown.

Conseils et astuces

Petits ajustements qui rendent la sortie plus utilisable.

Étiquetez vos blocs de code

Spécifiez toujours la langue après les backticks d'ouverture (ex. ```ts). La sortie reçoit une classe language-xxx que highlight.js ou Prism peuvent coloriser sans config supplémentaire.

Sanitisez avant de rendre du contenu non fiable

Si le Markdown vient d'un utilisateur, passez le HTML par DOMPurify avant de le rendre — le Markdown autorise du HTML brut, balises script comprises.

Les tables fonctionnent ; les layouts complexes non

Les tables GFM se convertissent proprement. Pour des layouts multi-colonnes ou très design, plongez directement en HTML dans le Markdown plutôt que de batailler avec la syntaxe.

Conservez les alt sur les images

![](url) fonctionne, mais l'alt vide nuit au SEO et à l'accessibilité. Cinq secondes pour écrire `![Une courte description](url)` — votre futur vous vous remerciera.

Outils similaires