Aperçu Markdown

Écrire du Markdown et voir un aperçu HTML en direct côte à côte

Qu'est-ce que c'est et comment ça marche ?

Markdown est une façon légère d'écrire du texte mis en forme avec des caractères simples : un # crée un titre, les **astérisques** mettent en gras, et un tiret démarre une liste. Un aperçu Markdown affiche le rendu HTML à côté de ce que vous tapez, pour voir exactement à quoi ressembleront titres, liens, blocs de code et listes avant publication. Cela élimine les devinettes quand on écrit pour des plateformes comme GitHub, Reddit, des sites de documentation ou des blogs statiques, où l'on soumet du Markdown sans voir le résultat avant l'enregistrement.

L'intérêt d'un aperçu en direct est de repérer les erreurs de mise en forme à l'instant : une liste non rendue faute d'une ligne vide au-dessus, un lien avec un crochet mal placé, ou un bloc de code qui a avalé la suite parce qu'une clôture est restée ouverte. Cet outil effectue le rendu pendant la frappe et reste entièrement dans votre navigateur ; vous pouvez ainsi rédiger des README, commentaires ou notes en privé et copier au choix la source Markdown ou le HTML généré.

Cas d'usage

• Écrire un README GitHub : rédigez la description du projet avec titres, badges et blocs de code et vérifiez le rendu avant de committer.
• Rédiger de la documentation : prévisualisez tableaux, liens et listes imbriquées pour vous assurer que la structure tient avant de coller dans une plateforme de docs.
• Apprendre le Markdown : tapez un élément de syntaxe et voyez aussitôt ce qu'il produit, la façon la plus rapide d'apprendre les règles par l'exemple.

Questions fréquentes

Quelle variante de Markdown cet aperçu utilise-t-il ?

Il suit les conventions standard CommonMark ainsi que des extensions courantes comme les blocs de code clôturés et les tableaux. La plupart des plateformes partent de la même base, donc ce que vous voyez ici correspond largement à GitHub, GitLab et aux générateurs de sites statiques habituels, même si des fonctions propres à chaque plateforme peuvent légèrement différer.

Pourquoi ma liste ou mon titre ne s'affiche-t-il pas ?

Markdown exige généralement une ligne vide avant un élément de bloc. Une liste collée juste sous un paragraphe, ou un titre sans espace après le #, est traitée comme du texte brut. Ajouter une ligne vide au-dessus du bloc règle presque toujours le problème.

Puis-je obtenir le HTML, pas seulement l'aperçu ?

Oui — l'aperçu est généré à partir de vrai HTML, vous pouvez donc copier le balisage rendu pour un CMS ou un modèle d'e-mail, ou copier la source Markdown pour une plateforme qui attend du Markdown.

Mon texte est-il envoyé quelque part ?

Non. La conversion s'exécute entièrement dans votre navigateur en JavaScript, rien de ce que vous tapez n'est envoyé à un serveur. Vous pouvez rédiger en toute sécurité notes privées, docs internes ou contenu non publié.

Texte

Majuscules / Minuscules · Compteur de mots · Compteur de caractères · Générateur Lorem Ipsum · Supprimer les espaces · Trier les lignes de texte