Markdown vers HTML

Cet outil convertit du Markdown en HTML directement dans votre navigateur, sans rien envoyer vers un serveur. Développeurs, rédacteurs techniques et blogueurs arrivent généralement avec un README, une page de documentation, des notes générées par IA ou un brouillon d'article qui doit devenir du HTML à coller dans un CMS ou un e-mail. Saisissez ou collez le Markdown, l'aperçu se met à jour pendant la frappe, puis copiez le HTML ou téléchargez-le sous forme de fichier. Cette page est l'entrée orientée conversion ; le même outil existe aussi sous le nom d'aperçu Markdown.

Ce que cette conversion fait réellement (et ce qu'elle ne fait PAS)

L'analyseur est pulldown-cmark, un analyseur CommonMark écrit en Rust, avec trois extensions activées : les tableaux à barres verticales, le ~~texte barré~~ et la syntaxe des listes de tâches. Le même Markdown donne toujours le même HTML. Le HTML généré passe ensuite par un assainisseur (ammonia) avant d'être affiché, copié ou téléchargé. La sortie est donc plus sûre à coller, mais certains éléments que vous pourriez vouloir garder sont retirés :

• Les URL relatives sont supprimées. Un lien comme [docs](/guide) garde son texte mais perd son href, et une image avec un src relatif perd son src. Seules les URL absolues http, https et mailto sont conservées.
• Les classes et les id sont supprimés, y compris la classe language-xxx des blocs de code délimités. Les blocs de code ressortent en <pre><code> simple, sans repère pour un outil de coloration syntaxique.
• Les cases à cocher des listes de tâches sont supprimées. - [x] fait est reconnu, mais le résultat est une puce ordinaire sans case.
• Les scripts, blocs style, attributs style, gestionnaires d'événements comme onerror, commentaires HTML et liens javascript: sont supprimés. Les liens reçoivent rel="noopener noreferrer".

Certaines fonctionnalités du GitHub Flavored Markdown ne sont pas prises en charge : les notes de bas de page ([^1]) ne sont pas rendues, et les URL nues comme https://example.com ne deviennent pas des liens (entourez-les de chevrons, <https://example.com>, pour obtenir un lien). Aucune ancre n'est générée pour les titres.

La sortie est un fragment HTML : uniquement le balisage du corps (<h1>, <p>, <table>, etc.), sans <!DOCTYPE>, <head> ni CSS. C'est ce qu'il faut pour un champ de CMS ou un éditeur d'e-mails. Pour une page autonome, insérez le fragment dans votre propre modèle de document. Le HTML brut écrit dans votre Markdown est transmis lorsque l'assainisseur autorise les balises (par exemple <details>), débarrassé des attributs dangereux.

Quand choisir cette conversion

Choisissez Markdown vers HTML lorsque vous avez besoin d'une sortie pour le web ou l'e-mail tout en gardant le Markdown comme source modifiable. C'est l'étape de publication : rédigez en Markdown, générez le HTML pour la destination. Si vous avez au contraire du HTML désordonné (un export CMS, un e-mail, une sortie IA enveloppée de balises) et voulez du Markdown propre, utilisez HTML vers Markdown. Si votre contenu repose sur des liens ou images relatifs, rendez d'abord les URL absolues, ou utilisez un convertisseur qui les conserve.

Comment convertir

1. Saisissez ou collez votre Markdown dans l'éditeur.
2. Observez l'aperçu se mettre à jour pendant que vous éditez, pour repérer tout de suite les surprises de titres, de listes et de tableaux.
3. Utilisez des URL absolues pour les liens et les images si vous en avez besoin dans la sortie.
4. Copiez le HTML dans le presse-papiers, ou téléchargez-le sous forme de fichier .html.

Aucun envoi. Tout s'exécute sur votre appareil.

La conversion est du Rust compilé en WebAssembly et s'exécute entièrement dans votre navigateur. Aucune requête réseau pour la transformation, et rien à supprimer ensuite puisque rien n'a été envoyé. Vous pouvez le vérifier dans l'onglet Réseau des outils de développement de votre navigateur. C'est important car le Markdown contient souvent des éléments sensibles : README internes, documentation technique, notes produit non publiées ou sorties d'outils IA que vous préférez ne pas coller sur un serveur tiers.

Aucune limite

Aucune limite de longueur, aucun filigrane sur la sortie, aucune inscription. La seule limite pratique est la mémoire de votre appareil.

Questions fréquentes

Quelles fonctionnalités Markdown sont prises en charge ?

CommonMark (titres, emphase, listes, liens, images, citations, blocs de code, sauts de ligne forcés) plus les tableaux à barres verticales, le texte barré et la syntaxe des listes de tâches. Les notes de bas de page et les liens automatiques sur URL nues ne sont pas pris en charge.

Pourquoi mes liens relatifs ont-ils perdu leur URL ?

L'assainisseur n'autorise que les URL absolues http, https et mailto. Les href et src relatifs sont supprimés, utilisez donc des URL complètes si vous en avez besoin dans le HTML.

Les listes de tâches affichent-elles des cases à cocher ?

Non. Les marqueurs [ ] et [x] sont analysés, mais l'assainisseur supprime les cases, donc les éléments s'affichent comme des puces ordinaires.

Ajoute-t-il la coloration syntaxique aux blocs de code ?

Non. Les blocs de code s'affichent en texte préformaté simple, et la classe de langage est supprimée par l'assainisseur, donc un outil de coloration sur votre site ne peut pas détecter le langage à partir de cette sortie.

Puis-je obtenir un fichier HTML autonome complet avec du CSS ?

Non, la sortie est un fragment sans <head> ni styles. Le fichier .html téléchargé contient ce même fragment. Insérez-le dans votre propre modèle si vous avez besoin d'une page complète.

Comment convertir des tableaux Markdown en tableaux HTML ?

Écrivez le tableau avec la syntaxe à barres verticales : une ligne d'en-tête, une ligne de séparation en tirets, puis les lignes de données. Ils deviennent de vrais éléments <table>, <thead>, <tr> et <td>.

Le HTML converti est-il sûr à coller dans WordPress, un e-mail ou un CMS ?

La sortie est assainie : scripts, styles en ligne, gestionnaires d'événements, commentaires et schémas d'URL dangereux sont supprimés, et les liens reçoivent rel="noopener noreferrer". Relisez tout de même le résultat avant de publier pour vérifier que rien d'utile n'a été retiré.

Conserve-t-il le HTML brut déjà présent dans mon Markdown ?

En partie. Les balises autorisées sont transmises, mais les balises dangereuses, les attributs comme class, id et style, et les URL relatives sont supprimés.

Mon Markdown sera-t-il envoyé à un serveur ?

Non. La conversion s'exécute dans votre navigateur via du Rust compilé en WebAssembly, sans requête réseau pour la transformation.

En quoi est-ce différent de Pandoc en local ?

Les deux gardent votre contenu sur votre machine. Pandoc est un outil en ligne de commande à installer, avec de nombreux formats et options, dont les documents autonomes et les notes de bas de page. Cette page ne demande aucune installation et offre un aperçu en direct avec une sortie assainie, pour les conversions rapides.

Pour le sens inverse, voir HTML vers Markdown, ou utilisez l'aperçu Markdown complet. Parcourez d'autres convertisseurs sur le hub des outils texte et données.