Aperçu Markdown et conversion en HTML

Écrivez ou collez du Markdown : l’aperçu se met à jour pendant la saisie. Copiez le HTML ou téléchargez-le.

Aperçu

L’aperçu s’affiche ici.

Fonctionne entièrement dans votre navigateur. Rien n’est envoyé ni stocké.

Mode d’emploi

  1. Saisissez ou collez du Markdown dans la zone de gauche.
  2. Vérifiez le rendu à droite ; il se met à jour pendant la saisie.
  3. Cliquez sur « Copier le HTML » ou « Télécharger le HTML ».

Markdown est le format texte utilisé dans les fichiers README, les issues GitHub, les wikis, les applications de notes et de nombreux blogs. Cette page permet de vérifier l’apparence d’un document avant de le publier, ou de convertir du Markdown en HTML à coller dans un CMS ou un modèle d’e-mail. L’aperçu se met à jour dès que vous arrêtez de taper.

Le rendu utilise markdown-it 12.3.2 avec le HTML, les retours à la ligne et les liens automatiques activés, ainsi que l’extension markdown-it-emoji. Comme les retours à la ligne sont actifs, une simple touche Entrée produit un <br> ; le CommonMark strict et beaucoup de sites fusionneraient ces lignes en un paragraphe, le résultat peut donc différer de la plateforme de publication. Les blocs de code sont colorés par highlight.js 11.4.0, qui couvre 34 langages courants ; les autres restent sans couleur.

Tout passe par DOMPurify 3.2.6 avant affichage ou copie : les scripts et attributs d’événement du HTML collé sont supprimés. Le fichier téléchargé est un fragment HTML sans styles, prêt à intégrer dans une page qui a déjà sa propre CSS. La conversion a lieu dans le navigateur et votre texte n’est pas envoyé, mais les images référencées par URL sont chargées depuis leurs serveurs, comme sur n’importe quelle page web.

Questions fréquentes

Quelle syntaxe Markdown est prise en charge ?

CommonMark avec markdown-it, plus les tableaux, le barré (~~texte~~), les codes emoji comme :smile: et les liens automatiques pour les URL. Un simple retour à la ligne devient <br>.

Puis-je utiliser du HTML dans le Markdown ?

Oui. Le HTML est accepté, mais le résultat est nettoyé avec DOMPurify : les balises <script>, les attributs d’événement on… et les liens javascript: sont supprimés, rien du texte ne s’exécute.

Le code est-il coloré ?

Oui. Les blocs de code délimités sont colorés avec highlight.js. Indiquez le langage après les backticks (```js) ou laissez-le détecter.

Outils similaires