Convertisseur Markdown en HTML

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

Le Markdown est une syntaxe légère en texte brut pour la mise en forme : # pour les titres, **gras**, - pour les listes et les accents graves pour le code. Les navigateurs ne peuvent pas l'afficher directement : il faut d'abord le transformer en HTML. Ce convertisseur effectue cette opération dans votre navigateur à l'aide de l'analyseur marked et affiche le résultat côte à côte. Il est pratique pour les fichiers README, la documentation, les articles de blog rédigés en Markdown et les contenus à coller dans un CMS qui n'accepte que le HTML.

Syntaxe prise en charge

Le Markdown style GitHub (GFM) ajoute les tableaux à barres verticales avec alignement des colonnes (|:---|:---:|---:|), les listes de tâches, le texte barré et la création automatique de liens pour les URL nues. Les blocs de code délimités conservent leur langage sous forme de classe language-*, que des outils de coloration syntaxique comme Prism ou highlight.js reconnaissent.

Le HTML généré est-il sûr ?

Le Markdown autorise le HTML brut : un document peut donc contenir des balises <script>, des gestionnaires onerror= ou des liens javascript:. L'aperçu est toujours nettoyé avec DOMPurify avant d'être affiché, et par défaut la sortie HTML subit le même nettoyage. Si vous convertissez du Markdown soumis par des utilisateurs sur votre propre site, nettoyez-le aussi côté serveur : le nettoyage côté client ne protège que cette page.

Explication des options

• Les sauts de ligne deviennent <br> — le Markdown standard fusionne les lignes d'un même paragraphe ; les commentaires GitHub, eux, traitent chaque retour à la ligne comme un saut de ligne. Activez cette option pour reproduire ce comportement.
• Identifiants de titres — ajoute des attributs id de style GitHub (minuscules, avec tirets, dédoublonnés avec -1, -2) pour créer des liens vers #installation ou générer une table des matières.
• Document HTML complet — encadre la sortie avec <!doctype html>, <head> et <body>, en utilisant le premier titre comme <title>.

Astuces

Laissez une ligne vide avant les listes, les tableaux et les blocs de code délimités : beaucoup de problèmes du type « pourquoi ce rendu ne s'affiche-t-il pas ? » viennent d'une ligne vide manquante. Vous voulez faire l'inverse ? Utilisez le convertisseur HTML vers Markdown, et mettez en forme le résultat avec le formateur HTML.

Aussi recherché comme : markdown vers webflow, convertisseur markdown html, md en html, éditeur markdown, aperçu markdown, gfm, markdown github, convertir md en html.

Outils complémentaires : Markdown vers HTML

• Markdown vers Webflow Rich Text — Collez du Markdown, vérifiez l’aperçu et copiez-le en texte mis en forme : titres, listes, liens et gras s’affichent correctement dans l’élément Rich Text de Webflow.
• Encodeur d'entités HTML — Échappez < > & " pour afficher du texte en sécurité dans une page HTML, convertissez les accents et symboles en entités nommées ou numériques, ou décodez un HTML rempli d'entités pour retrouver le texte brut.
• Compteur de mots — Collez ou saisissez votre texte pour compter en temps réel le nombre de mots et de caractères, ainsi que la durée de lecture et de prononciation, la densité des mots-clés et la longueur des titres, méta-descriptions et publications sur les réseaux sociaux à des fins de référencement.
• Vérificateur de différences — Collez une version originale et une version modifiée pour comparer côte à côte les lignes ajoutées, supprimées et modifiées — les mots exacts qui ont été modifiés étant mis en évidence dans chaque ligne.