Exporter Markdown en HTML

Markdown est le moyen le plus rapide d’écrire du contenu structuré, mais le web tourne en HTML. Le pont entre les deux devrait être immédiat et sûr. Ouvrez l’Éditeur Markdown pour écrire du Markdown, voir le HTML s’afficher en direct et exporter une sortie propre et nettoyée — tout dans votre navigateur.

TL;DR

Écrivez du Markdown, voyez le HTML instantanément, copiez-le ou téléchargez-le.

• Aperçu en direct pendant la frappe — trois modes (Double, Éditeur, Aperçu) pour modifier, lire ou faire les deux à la fois.
• HTML propre et sûr — la sortie est nettoyée avec DOMPurify, donc sûre à coller dans un CMS ou un email.
• Copier ou télécharger — récupérer le HTML dans le presse-papiers ou enregistrer un fichier .html autonome localement.

Ce qu’est Markdown

Markdown est un langage de balisage léger pour mettre en forme du texte avec des symboles simples et lisibles. Un # crée un titre, des tirets font une liste, des astérisques font une mise en valeur, et une simple URL peut devenir un lien. La source reste proche du texte brut, c’est pourquoi on y a recours dès qu’on écrit plus d’un paragraphe de contenu structuré.

Il sert partout où l’on écrit de la technique — fichiers README, sites de documentation, articles de blog, notes de version et wikis internes. La raison est simple : Markdown s’écrit et se lit sans aucun outil, et il se convertit en HTML enrichi quand vous en avez besoin.

En coulisses, cet outil rend le Markdown avec le moteur markdown-it selon la spécification CommonMark — l’interprétation standardisée et bien définie de Markdown. Cela signifie une sortie prévisible et cohérente, au lieu des surprises dialecte par dialecte des anciennes variantes de Markdown.

L’apercu et les modes d’affichage

Pendant que vous tapez, le HTML s’affiche en direct dans l’apercu. Trois modes d’affichage contrôlent ce que vous voyez :

• Double — éditeur à gauche, aperçu rendu à droite. Le mode par défaut, et le meilleur à l’écriture, parce que vous voyez la source et le résultat ensemble.
• Editeur — seulement l’entrée Markdown, en pleine largeur. Utile quand vous êtes concentré sur l’écriture et n’avez pas besoin de l’apercu.
• Apercu — seulement le HTML rendu. Utile pour lire le résultat final ou le montrer à quelqu’un.

Changez de mode à tout moment. Dans les modes Double et Apercu, la sortie rendue se met à jour à chaque frappe.

Étape par étape : exporter le HTML

L’Éditeur Markdown s’exécute entièrement dans votre navigateur. Voici le déroulement :

1. Tapez ou collez votre Markdown dans la zone d’entrée. Utilisez Exemple pour charger un exemple si vous voulez partir d’un modèle, ou Reinitialiser pour tout effacer.
2. Choisissez un mode d’affichage. Sélectionnez Double, Editeur ou Apercu selon que vous voulez voir la source, le résultat ou les deux.
3. Activez les quatre options. Chacune change la façon dont le Markdown est rendu :
   • Retours souples — les simples retours à la ligne dans votre texte deviennent des <br> dans la sortie, au lieu d’être réduits.
   • Lier les URLs — les URLs nues comme https://example.com sont automatiquement transformées en liens cliquables.
   • Typographie — remplace les guillemets droits par une typographie intelligente (guillemets courbes, tirets).
   • HTML brut — vous permet d’insérer du HTML en ligne dans le Markdown. Note : même activée, la sortie est nettoyée (voir ci-dessous), donc les balises et gestionnaires dangereux sont retirés avant que vous les voyiez ou les copiiez.
4. Vérifiez le panneau de statistiques. Il affiche caractères, mots, lignes, titres, liens et blocs code — un moyen rapide de confirmer que la structure correspond à ce que vous vouliez.
5. Exportez. Cliquez sur Copier HTML pour placer le HTML rendu dans le presse-papiers, ou Telecharger HTML pour enregistrer un document .html autonome. Vous pouvez aussi Copier Markdown ou Telecharger Markdown pour exporter la source .md.

Nettoyage et sécurité

C’est la partie qui rend la sortie vraiment sûre à coller dans un CMS, un email ou un wiki. Chaque élément du HTML rendu — qu’il vienne de la syntaxe Markdown ou du HTML brut que vous avez inséré — passe par DOMPurify avant d’atteindre l’apercu ou le presse-papiers.

DOMPurify (configuré avec USE_PROFILES: { html: true }) retire les parties dangereuses : balises <script>, gestionnaires d’événements en ligne comme onclick, et autres vecteurs qui pourraient exécuter du code. Il interdit également la balise et l’attribut style, donc les astuces de style ne passent pas. Si DOMPurify lui-même échoue, un nettoyeur de secours basé sur des expressions régulières attrape les pires cas pour que vous n’ayez jamais de HTML brut et non sûr.

Quand l’entrée brute diffère de la sortie nettoyée, l’outil affiche « Du HTML non sur a ete retire de l’apercu. » — un décompte du contenu retiré. Cet avis vous signale que quelque chose a été retiré, exactement ce que vous voulez avant de coller n’importe où de sensible.

Limites et honnêteté

Quelques contraintes honnêtes pour que vous sachiez exactement ce que vous obtenez :

• CommonMark, pas GitHub Flavored Markdown. Cet outil suit CommonMark via markdown-it. Il ne rend pas les extensions spécifiques à GitHub comme les tableaux ou le barrer (~~texte~~) avec la seule syntaxe Markdown. Si vous avez besoin d’un tableau ou de texte barré, activez HTML brut et écrivez le HTML directement — il sera quand même nettoyé.
• style est retiré. Parce que DOMPurify interdit la balise et l’attribut style, le style en ligne de votre HTML brut ne survivra pas dans la sortie.
• Le HTML brut est optionnel et quand même nettoyé. L’option HTML brut laisse passer le HTML en ligne dans l’analyseur Markdown, mais le résultat rendu est nettoyé ensuite. C’est sûr, mais ce n’est pas un moyen de lancer un balisage arbitraire.

Questions fréquentes

La sortie HTML est-elle sûre ?

Oui. Tout le HTML rendu passe par DOMPurify avant d’atteindre l’apercu, le bouton copier ou le téléchargement. Les scripts, les gestionnaires d’événements ainsi que la balise et l’attribut style sont retirés. Si quelque chose a été retiré, vous verrez un avis « Du HTML non sur a ete retire ».

Supporte-t-il les tableaux GitHub ?

Pas via la syntaxe Markdown. L’outil suit CommonMark, qui n’a pas de syntaxe de tableau native. Pour inclure un tableau, activez HTML brut et écrivez le balisage <table> directement — il sera rendu et nettoyé comme tout autre HTML.

Puis-je télécharger le fichier HTML ?

Oui. Telecharger HTML enregistre un document .html autonome avec un style de base, prêt à ouvrir dans n’importe quel navigateur. Vous pouvez aussi Copier HTML dans le presse-papiers si vous voulez le coller ailleurs.

Qu’est-ce que CommonMark ?

CommonMark est une spécification standardisée pour Markdown qui supprime l’ambiguïté des anciens dialectes. Cet outil utilise le moteur markdown-it pour rendre CommonMark, donc la même entrée produit fiablement la même sortie. Ce n’est pas GitHub Flavored Markdown — les fonctions comme les tableaux et le barrer ne font pas partie de la spec centrale.