Saisissez ou collez du Markdown à gauche et voyez le rendu HTML à droite, mis à jour au fil de la frappe. Titres, gras, italique, listes, tableaux, citations et blocs de code s’affichent immédiatement, extensions GitHub Flavored Markdown comprises, comme les tableaux et le texte barré.

Comment fonctionne l’aperçu en direct ?

L’analyse repose sur la bibliothèque marked avec le support GFM activé, le même analyseur que celui utilisé par le convertisseur Markdown vers HTML du site. Chaque frappe relance l’analyse complète du texte et redessine le panneau d’aperçu : il n’y a ni étape de rendu séparée, ni bouton à cliquer, ni décalage entre la saisie d’un titre et son apparition à droite. Avant que le HTML ne touche la page, il passe par DOMPurify, une bibliothèque conçue spécifiquement pour retirer les balises dangereuses d’un HTML non fiable. Un script ou un gestionnaire onerror collé dans le texte ne peut donc pas s’exécuter via l’aperçu, ce qui compte puisque le Markdown permet d’insérer du HTML brut directement, et que ce HTML s’afficherait sinon tel quel.

Ce que je tape est-il envoyé à un serveur ?

Non. L’analyse, le rendu et le nettoyage se font entièrement dans votre navigateur, avec le JavaScript intégré à la page. Aucun texte saisi ne quitte votre machine, ce qui compte pour des brouillons non publiés, des notes contenant des informations privées, ou un document que vous n’êtes pas encore prêt à sauvegarder. Comme rien n’est envoyé à un serveur, il n’y a pas non plus d’historique à effacer ensuite : fermer l’onglet suffit.

À quoi ça sert ?

Utilisez-le pour vérifier l’apparence d’un README avant de le valider, relire un commentaire ou une issue avant de la publier sur GitHub ou GitLab, ou contrôler l’alignement des colonnes d’un tableau sans passer par une plateforme qui rend le Markdown à votre place. C’est aussi un moyen rapide de vérifier qu’un bloc de HTML brut collé dans un fichier Markdown, comme un <iframe> intégré ou un <div> stylé, s’affiche comme prévu, ou qu’une liste imbriquée est correctement indentée avant de rendre le document public.

Consultez la spécification CommonMark pour la syntaxe de base, la spécification GFM de GitHub pour les extensions tableaux et texte barré, et le projet DOMPurify pour en savoir plus sur le fonctionnement du nettoyage.