Aperçu Markdown

Tapez du Markdown d'un côté et voyez-le rendu en direct de l'autre — titres, gras, italique, listes, blocs de code et liens, tout prévisualisé instantanément dans votre navigateur.

Cet outil vous a-t-il aidé ?

Qu'est-ce que Aperçu Markdown ?

Markdown est la syntaxe de mise en forme légère derrière les README, les articles de blog, les messages de chat, la documentation et d'innombrables autres endroits où l'on souhaite une mise en forme simple et lisible sans écrire du HTML brut. Comme Markdown est du texte brut, il est facile à écrire partout — mais il est également facile de se tromper légèrement dans la syntaxe et de ne s'en apercevoir qu'une fois déjà publié. Cet aperçu affiche votre Markdown au fur et à mesure de la saisie, côte à côte avec la source, afin que vous puissiez repérer immédiatement les erreurs de mise en forme — un espace manquant après un #, un bloc de code non fermé, ou une liste qui ne s'est pas séparée du paragraphe précédent — avant de valider un README, de publier un article ou d'envoyer un message mis en forme.

Quand Utiliser Cette Calculatrice

Writing a GitHub or GitLab README and want to verify formatting before committing
Drafting a Markdown post for a blog platform, documentation site, or wiki
Checking a Markdown email or chat message renders correctly before sending
Learning Markdown syntax by experimenting with different formatting and seeing instant results
Converting a short Markdown snippet to HTML for pasting into a CMS or email template
Debugging a Markdown document where some formatting isn't rendering as expected

Étapes:

Tapez ou collez votre Markdown dans le panneau de gauche.
Observez l'aperçu HTML rendu se mettre à jour instantanément à droite.
Ajustez votre syntaxe jusqu'à ce que l'aperçu corresponde à ce que vous vouliez.
Copiez votre code source Markdown terminé une fois satisfait du résultat.

Formule

# Titre →

Titre

**gras** → gras *italique* → italique `code` → code [texte](url) → texte - élément →

élément

Cas d'utilisation

Prévisualiser un README GitHub ou GitLab avant de le valider
Rédiger des messages mis en forme pour Slack, Discord ou d'autres applications de chat compatibles Markdown
Vérifier la mise en forme d'un article de blog ou d'une documentation avant publication
Apprendre la syntaxe Markdown en expérimentant et en voyant les résultats immédiatement
Convertir rapidement un court extrait Markdown en HTML pour le coller ailleurs

Avantages Clés

Voyez votre Markdown rendu instantanément, côte à côte avec la source
Repérez les erreurs de syntaxe avant de publier où que ce soit
Fonctionne entièrement hors ligne dans votre navigateur — rien n'est téléversé
Gratuit, sans inscription, sans limite de taille de fichier pour une utilisation typique

Conseils de Pro

Ajoutez une ligne vide avant et après les listes et les blocs de code pour le rendu le plus fiable selon différents analyseurs Markdown
Utilisez le double astérisque pour le gras et l'astérisque simple (ou le tiret bas) pour l'italique afin d'éviter toute ambiguïté
Prévisualisez d'abord dans cet outil, puis vérifiez la plateforme cible (GitHub, Slack, etc.) car certaines prennent en charge une syntaxe supplémentaire comme les tableaux
Gardez les titres séquentiels (ne passez pas de # à ###) pour une meilleure structure de document et une meilleure accessibilité

Erreurs Courantes à Éviter

Oublier la ligne vide nécessaire entre un paragraphe et une liste qui le suit
Oublier l'espace après les symboles # dans les titres, ce qui empêche leur rendu
Laisser un bloc de code (```) non fermé, ce qui transforme tout le reste du document en code
Utiliser un seul astérisque pour le gras au lieu de deux, produisant de l'italique à la place

Termes Clés Expliqués

CommonMark : Une spécification normalisée de la syntaxe Markdown, conçue pour réduire les incohérences
GFM : GitHub-Flavored Markdown, un dialecte étendu prenant en charge les tableaux et les listes de tâches
Bloc de code : Un bloc délimité par des accents graves triples (```) utilisé pour mettre en forme du code multi-lignes
Mise en forme en ligne : Mise en forme appliquée au sein d'une seule ligne, comme *italique* ou `code`, par opposition aux éléments de bloc

Concepts connexes

[object Object]
[object Object]
[object Object]
[object Object]
[object Object]

Exemple

Taper « ## Bonjour\n\nCeci est en **gras** et ceci est en *italique*. » s'affiche comme un titre de niveau 2 suivi d'un paragraphe avec du texte en gras et en italique.

Interprétation de vos résultats

Le panneau de gauche affiche votre texte source Markdown brut et le panneau de droite le rend sous forme de HTML formaté en temps réel. Chaque frappe met à jour l'aperçu instantanément, afin que vous puissiez voir immédiatement l'effet de chaque élément de syntaxe. Les problèmes de rendu courants viennent généralement des espaces. Une ligne vide est requise entre un paragraphe et une liste qui le suit pour la plupart des moteurs de rendu. Les titres nécessitent un espace après les symboles #. Les blocs de code (```) doivent être sur leur propre ligne pour déclencher le rendu en bloc de code. L'aperçu est une approximation fidèle de l'apparence de votre Markdown sur la plupart des plateformes (GitHub, Slack, Discord, etc.), mais chaque plateforme possède son propre moteur de rendu avec de légères variations. Effectuez toujours une vérification finale sur la plateforme cible pour tout ce qui dépasse la mise en forme de base.

Questions fréquentes

Quelle syntaxe Markdown cet outil prend-il en charge ?

Les titres (# à ######), le gras (**texte**), l'italique (*texte*), le code en ligne (`code`), les blocs de code (```), les liens ([texte](url)), les listes à puces (- élément), les listes numérotées (1. élément) et les citations (> texte).

Mon contenu est-il enregistré ou téléversé quelque part ?

Non. Tout est analysé et rendu entièrement dans votre navigateur en JavaScript. Rien de ce que vous saisissez n'est envoyé à un serveur, stocké ou consigné.

Pourquoi ma mise en forme ne s'affiche-t-elle pas correctement ?

Markdown exige une syntaxe précise — par exemple, une ligne vide est nécessaire entre un paragraphe et une liste pour que de nombreux moteurs de rendu les séparent correctement, et les titres nécessitent un espace après les symboles #. Vérifiez l'absence d'espaces ou de sauts de ligne manquants autour de la mise en forme utilisée.

Puis-je m'en servir pour prévisualiser un README GitHub avant de le valider (commit) ?

Oui, pour les éléments Markdown courants pris en charge par cet outil. Le moteur de rendu de GitHub prend en charge des extensions GitHub-Flavored Markdown supplémentaires (comme les tableaux et les listes de tâches) que cet aperçu léger n'inclut pas ; vérifiez donc toujours le rendu final directement sur GitHub pour tout ce qui dépasse la syntaxe de base.

What Markdown syntax does this tool support?

Headings (# through ######), bold (**text**), italics (*text*), inline code (`code`), code blocks (```), links ([text](url)), bulleted lists (- item), numbered lists (1. item), and blockquotes (> text).

Is my content saved or uploaded anywhere?

Non. Tout est analysé et rendu entièrement dans votre navigateur en JavaScript. Rien de ce que vous saisissez n'est envoyé à un serveur, stocké ou consigné.

Why isn't my formatting showing up correctly?

Can I use this to preview a GitHub README before committing?

Quelle est la différence entre Markdown et HTML ?

Markdown est un langage de balisage léger, facile à écrire et à lire en texte brut. HTML est un langage de balisage complet à la syntaxe plus complexe. Markdown est souvent converti en HTML pour l'affichage. Cet outil rend Markdown sous forme de HTML en temps réel.

How do I create a table in Markdown?

Markdown standard ne prend pas en charge les tableaux, mais GitHub-Flavored Markdown le fait. Utilisez des barres verticales (|) pour séparer les colonnes et des tirets pour le séparateur d'en-tête. Cet aperçu ne rend pas les tableaux : vérifiez le rendu final sur votre plateforme cible.

Can I write LaTeX math in Markdown?

This previewer doesn't support LaTeX math. For math rendering, use a tool that supports KaTeX or MathJax. Some platforms like GitHub don't render LaTeX in Markdown either.

Outils connexes

Explorer plus d'outils

Calculateur de ratio d'aspect

Calculateur de bande passante

Calculateur de temps de téléchargement

Calculateur de coûts d'hébergement cloud

Calculateur de coût CDN

Calculateur de monétisation API

Qu'est-ce que Aperçu Markdown ?

Quand Utiliser Cette Calculatrice

Writing a GitHub or GitLab README and want to verify formatting before committing

Drafting a Markdown post for a blog platform, documentation site, or wiki

Checking a Markdown email or chat message renders correctly before sending

Learning Markdown syntax by experimenting with different formatting and seeing instant results

Converting a short Markdown snippet to HTML for pasting into a CMS or email template

Debugging a Markdown document where some formatting isn't rendering as expected

Cas d'utilisation

Prévisualiser un README GitHub ou GitLab avant de le valider

Rédiger des messages mis en forme pour Slack, Discord ou d'autres applications de chat compatibles Markdown

Vérifier la mise en forme d'un article de blog ou d'une documentation avant publication

Apprendre la syntaxe Markdown en expérimentant et en voyant les résultats immédiatement

Convertir rapidement un court extrait Markdown en HTML pour le coller ailleurs

Avantages Clés

Voyez votre Markdown rendu instantanément, côte à côte avec la source

Repérez les erreurs de syntaxe avant de publier où que ce soit

Fonctionne entièrement hors ligne dans votre navigateur — rien n'est téléversé

Gratuit, sans inscription, sans limite de taille de fichier pour une utilisation typique

Conseils de Pro

Ajoutez une ligne vide avant et après les listes et les blocs de code pour le rendu le plus fiable selon différents analyseurs Markdown

Utilisez le double astérisque pour le gras et l'astérisque simple (ou le tiret bas) pour l'italique afin d'éviter toute ambiguïté

Prévisualisez d'abord dans cet outil, puis vérifiez la plateforme cible (GitHub, Slack, etc.) car certaines prennent en charge une syntaxe supplémentaire comme les tableaux

Gardez les titres séquentiels (ne passez pas de # à ###) pour une meilleure structure de document et une meilleure accessibilité

Erreurs Courantes à Éviter

Oublier la ligne vide nécessaire entre un paragraphe et une liste qui le suit

Oublier l'espace après les symboles # dans les titres, ce qui empêche leur rendu

Laisser un bloc de code (```) non fermé, ce qui transforme tout le reste du document en code

Utiliser un seul astérisque pour le gras au lieu de deux, produisant de l'italique à la place

Termes Clés Expliqués

CommonMark : Une spécification normalisée de la syntaxe Markdown, conçue pour réduire les incohérences

GFM : GitHub-Flavored Markdown, un dialecte étendu prenant en charge les tableaux et les listes de tâches

Bloc de code : Un bloc délimité par des accents graves triples (```) utilisé pour mettre en forme du code multi-lignes

Mise en forme en ligne : Mise en forme appliquée au sein d'une seule ligne, comme *italique* ou `code`, par opposition aux éléments de bloc

Interprétation de vos résultats

Questions fréquentes

Quelle syntaxe Markdown cet outil prend-il en charge ?

Mon contenu est-il enregistré ou téléversé quelque part ?

Non. Tout est analysé et rendu entièrement dans votre navigateur en JavaScript. Rien de ce que vous saisissez n'est envoyé à un serveur, stocké ou consigné.

Pourquoi ma mise en forme ne s'affiche-t-elle pas correctement ?

Puis-je m'en servir pour prévisualiser un README GitHub avant de le valider (commit) ?

What Markdown syntax does this tool support?

Is my content saved or uploaded anywhere?

Non. Tout est analysé et rendu entièrement dans votre navigateur en JavaScript. Rien de ce que vous saisissez n'est envoyé à un serveur, stocké ou consigné.

Why isn't my formatting showing up correctly?

Can I use this to preview a GitHub README before committing?

Quelle est la différence entre Markdown et HTML ?

How do I create a table in Markdown?

Can I write LaTeX math in Markdown?

This previewer doesn't support LaTeX math. For math rendering, use a tool that supports KaTeX or MathJax. Some platforms like GitHub don't render LaTeX in Markdown either.

Aperçu Markdown

Qu'est-ce que Aperçu Markdown ?

Quand Utiliser Cette Calculatrice

Étapes:

Formule

Titre

Cas d'utilisation

Avantages Clés

Conseils de Pro

Erreurs Courantes à Éviter

Termes Clés Expliqués

Concepts connexes

Exemple

Interprétation de vos résultats

Questions fréquentes