Aperçu Markdown

Écrivez du Markdown, visualisez instantanément un aperçu HTML en direct. Tableaux compatibles GitHub (GFM), listes de tâches, blocs de code, liens et images pris en charge — aucune installation, aucune inscription, fonctionne entièrement dans votre navigateur.

🔗 Défilement synchronisé

📄 Front matter YAML détecté

Markdown

Aperçu HTML en direct

Table des matières (auto)

💾 Votre brouillon est sauvegardé automatiquement dans ce navigateur — fermez l'onglet et revenez plus tard pour reprendre exactement où vous en étiez.

Réponse rapide Prévisualiser du Markdown, c'est voir des marqueurs de texte brut comme « # titre », « **gras** » et « - liste » rendus en HTML mis en forme dès que vous les tapez. Saisissez votre markdown dans cet outil (ou importez un fichier .md), consultez l'aperçu à droite, puis copiez le HTML ou téléchargez-le en .md/.html — rien n'est jamais envoyé à un serveur.

15+Éléments Markdown pris en charge

0Bibliothèque externe

InstantanéDélai d'aperçu en direct

100%Traitement côté client

⚙️ Remarque sur l'exactitude et la portée : cet outil prend en charge les éléments Markdown et GitHub Flavored Markdown (GFM) les plus courants : titres, gras/italique, texte barré, listes, listes de tâches, code en ligne/blocs de code (avec coloration syntaxique pour JS, Python, Bash et HTML), citations, liens, images, lignes horizontales, tableaux et notes de bas de page ([^1]). Le front matter YAML (bloc --- en tête de fichier) est détecté et affiché à part, sous forme de clé/valeur, mais n'est pas rendu dans le HTML de l'aperçu. La syntaxe étendue comme les mathématiques LaTeX et les diagrammes intégrés (Mermaid) n'est pas prise en charge. Aucun texte n'est jamais envoyé à un serveur — toute la conversion et l'aperçu se font dans votre navigateur en JavaScript.

📝 Aperçu Markdown — ToolPico ↗

Qu'est-ce que le Markdown et comment l'utiliser ?

Une explication complète de la syntaxe Markdown — des titres aux tableaux, des listes de tâches aux blocs de code — et ses différences avec GitHub Flavored Markdown (GFM).

Le Markdown est un langage de balisage léger conçu par John Gruber en 2004, qui permet de mettre en forme du texte brut avec des marqueurs simples. L'objectif est un texte à la fois lisible en tant que texte brut et automatiquement convertible en HTML propre. Aujourd'hui, il est utilisé partout, des fichiers README de GitHub aux articles de blog, de la documentation technique à la prise de notes. Cet outil convertit et prévisualise le markdown que vous saisissez en HTML instantanément, sans configuration requise.

Quels sont les éléments de base du Markdown ?

Réponse rapideLes éléments essentiels du Markdown sont : # titre (niveaux 1 à 6), le texte en **gras** et en *italique*, les éléments de liste -, le `code en ligne` et le ```bloc de code```, la > citation, le lien [texte](url), l'image ![alt](url), et la ligne horizontale ---. Tous ces éléments sont pris en charge par cet outil et peuvent être insérés d'un clic depuis les boutons de la barre d'outils.

Titres — le nombre de # en début de ligne définit le niveau du titre (# = H1, ## = H2…).
Emphase — un astérisque/underscore simple pour l'italique, double pour le gras, double tilde (~~) pour le texte barré.
Listes — « - », « * » ou « + » pour une liste non ordonnée ; « 1. » pour une liste ordonnée ; « - [ ] »/« - [x] » pour une liste de tâches.
Code — un simple guillemet inversé pour le code en ligne, trois guillemets inversés (```) pour un bloc de code multi-lignes.

Comment faire un tableau en Markdown (GFM) ?

Réponse rapideUn tableau GFM comporte trois parties : une ligne d'en-tête (| Nom | Âge |), une ligne de séparation (| --- | --- |), et des lignes de données. La position du deux-points dans la ligne de séparation contrôle l'alignement : :--- gauche, :---: centre, ---: droite. Voir un exemple en direct dans le tableau ci-dessous.

Exemple : source markdown → résultat de l'aperçu
Ce que vous écrivez	Ce que vous voyez
`# Titre`	Grand titre H1
`important`	important (gras)
`- [x] fait`	☑ case de tâche cochée
`\| A \| B \|\n\| --- \| --- \|\n\| 1 \| 2 \|`	Tableau à 2 colonnes mis en forme

Quelle est la différence entre Markdown et HTML ?

Réponse rapideHTML est un langage de balisage à base de balises que les navigateurs interprètent directement, relativement fastidieux à écrire et à lire. Markdown est un langage abrégé proche du texte brut, rapide à écrire, et un convertisseur comme celui-ci le transforme automatiquement en HTML valide. On peut voir le Markdown comme la « source » et le HTML comme le « résultat généré ».

Tableau de référence de la syntaxe Markdown

Une référence rapide citable : syntaxe de base et extensions GitHub Flavored Markdown (GFM).

Syntaxe Markdown de base
Syntaxe	Description
`# Titre` … `###### Titre`	Niveaux de titre 1 à 6
`gras` ou `__gras__`	Texte en gras
`italique` ou `_italique_`	Texte en italique
`code`	Code en ligne
`> citation`	Citation
`- élément` / `1. élément`	Liste non ordonnée / ordonnée
`[texte](url)`	Lien
`![alt](url)`	Image
`---`	Ligne horizontale

Source : spécification CommonMark (basée sur la syntaxe Markdown originale).

Extensions GitHub Flavored Markdown (GFM)
Syntaxe	Description
`~~barré~~`	Texte barré
`- [ ] tâche`	Élément de liste de tâches non terminé
`- [x] tâche`	Élément de liste de tâches terminé (cliquable)
`\| A \| B \|` `\| --- \| --- \|`	Tableau (alignement gauche/centre/droite `:---`/`:---:`/`---:`)
```langage … ```	Bloc de code avec langage (coloration syntaxique pour JS, Python, Bash, HTML)
`texte[^1]` … `[^1] : note`	Note de bas de page — numérotée automatiquement
www.site.com / https://…	Détection automatique des liens (utilisez la syntaxe explicite [texte](url) dans cet outil)

Source : spécification GitHub Flavored Markdown. Utilisé dans les fichiers README, issues et descriptions de pull requests de GitHub.

Glossaire des termes Markdown

Définitions courtes des concepts essentiels utilisés en Markdown et GFM.

Markdown (MD)Un langage de balisage léger qui met en forme du texte brut avec des marqueurs simples et le convertit en HTML.

GFMGitHub Flavored Markdown — la variante de GitHub qui ajoute les tableaux, les listes de tâches et le texte barré.

Bloc de code délimitéUne région de code multi-lignes ouverte et fermée par trois guillemets inversés (```), où aucune mise en forme n'est appliquée.

Code en ligneUn court extrait de code entouré d'un guillemet inversé simple, au fil d'un paragraphe.

Liste de tâchesUne liste écrite comme « - [ ] » / « - [x] », affichée comme une case à cocher cliquable sur GitHub.

Front matterUn bloc de métadonnées YAML ajouté en haut d'un fichier markdown, délimité par ---; cet outil le détecte et l'affiche à part (clé/valeur), sans le rendre dans l'aperçu HTML.

Caractère d'échappement (\)Placé avant un caractère markdown pour l'afficher comme texte brut plutôt que d'appliquer une mise en forme (par ex. \*).

Ancre de titre (slug)Un identifiant court généré automatiquement à partir de chaque titre, utilisé pour créer un lien direct vers cette section.

CommonMarkLa spécification formelle établie par la communauté qui résout les ambiguïtés du Markdown.

Protection contre l'injection HTMLLe contenu brut est échappé avant l'application de la mise en forme, empêchant l'exécution de code malveillant.

Guides détaillés

Réponses détaillées aux questions Markdown les plus courantes.

Comment faire un tableau en Markdown (étape par étape)

Un tableau GFM comporte trois blocs de lignes : une ligne d'en-tête, une ligne de séparation, et des lignes de données. Chaque cellule est séparée par une barre verticale (|). Exemple : sous une ligne comme | Produit | Prix |, ajoutez | --- | --- |, puis ajoutez des lignes de données comme | Article | 10 |. Le nombre de colonnes doit correspondre sur chaque ligne.

Pour l'alignement, placez un deux-points avant/après le tiret dans la ligne de séparation : :--- aligne à gauche, ---: aligne à droite, :---: aligne au centre. Le bouton « ⬚ Tableau » de la barre d'outils de cette page insère un squelette de tableau prêt à l'emploi — il ne reste plus qu'à remplir les cellules.

Comment écrire un README.md pour GitHub

Un bon README comprend généralement ces sections : le nom du projet et une courte description (titre H1), les étapes d'installation (liste numérotée), un exemple d'utilisation (bloc de code), les fonctionnalités (liste à puces), et les informations de licence. Utiliser # pour les titres et trois guillemets inversés (```) pour les exemples de code donne une coloration syntaxique automatique sur GitHub.

Cliquez sur la puce de modèle « README » ci-dessus pour charger un squelette prêt à l'emploi dans cette structure, modifiez-le pour votre projet, vérifiez l'aperçu HTML, et téléchargez-le en .md une fois terminé.

Markdown ou Word ? Quand utiliser lequel ?

Markdown est idéal pour la documentation technique, les fichiers README, les articles de blog, les pages wiki et le texte versionné (Git) — car il s'agit de texte brut, comparable ligne à ligne (diff) et indépendant de tout outil. Word/Google Docs convient mieux lorsque vous avez besoin d'une mise en page complexe, d'une mise en forme partagée (polices, marges) ou de documents formels.

Avant de partager du markdown, prévisualisez-le avec cet outil pour vous assurer que la mise en forme correspond à vos attentes, puis exportez-le directement en HTML et collez-le dans une page web ou un CMS si besoin.

Ajouter cet aperçu à votre site (code d'intégration)

Intégrez gratuitement l'aperçu markdown sur votre propre site. Copiez le code ci-dessous dans votre HTML — l'outil s'affiche dans une vue simplifiée et renvoie vers cette page comme source.

Code d'intégration (iframe)

L'outil intégré a une mise en page fixe ; vous pouvez ajuster la valeur de height selon votre site. Pas de publicité ni de données personnelles, fonctionne entièrement côté client.

Questions fréquentes

Comment écrit-on du Markdown ?

Markdown permet de mettre en forme du texte brut avec des marqueurs simples : un # en début de ligne pour un titre, **texte** pour le gras, *texte* pour l'italique, un - en début de ligne pour un élément de liste, et [texte](url) pour un lien. Aucun éditeur spécial n'est requis — vous pouvez l'écrire dans n'importe quel fichier texte brut et l'enregistrer avec l'extension .md. Taper dans l'éditeur de cette page affiche le résultat instantanément dans le panneau de droite.

Comment prévisualiser un fichier MD ?

Collez son contenu dans l'éditeur de cette page, ou utilisez le bouton « Importer un fichier » pour le sélectionner directement depuis votre ordinateur. Le fichier est lu automatiquement et affiché sous forme de HTML mis en forme dans le panneau de droite ; aucun envoi ni traitement serveur n'est requis, tout se passe dans votre navigateur.

Comment faire un tableau en Markdown ?

Dans la syntaxe des tableaux GFM, la ligne d'en-tête est séparée par |, suivie d'une ligne de séparation comme | --- | --- |, puis des lignes de données. Un deux-points (:) dans la ligne de séparation contrôle l'alignement des cellules. Le bouton « ⬚ Tableau » de la barre d'outils insère un squelette prêt à l'emploi.

Qu'est-ce que la syntaxe GitHub Flavored Markdown (GFM) ?

GitHub Flavored Markdown (GFM) est la variante de Markdown utilisée par GitHub, ajoutant les tableaux, les listes de tâches (- [ ]), le texte barré (~~texte~~), et une prise en charge améliorée du code en ligne/blocs de code en plus du Markdown standard. Les fichiers README, issues et pull requests sont tous écrits en GFM.

Comment convertir du Markdown en HTML ?

Saisissez votre markdown dans l'éditeur de cette page ; vous pouvez copier le code source de l'aperçu HTML qui apparaît instantanément à droite avec « Copier le HTML », ou l'enregistrer comme fichier .html complet avec « Télécharger .html ». La conversion se fait entièrement dans votre navigateur, sans envoi de données à un serveur.

Quel est le meilleur éditeur Markdown en ligne ?

Un bon éditeur markdown en ligne doit proposer un aperçu instantané, la prise en charge des tableaux/listes de tâches GFM, l'export HTML/MD, et la confidentialité. Cet outil répond aux quatre critères : rien de ce que vous tapez n'est envoyé à un serveur, tout se passe dans votre navigateur, et aucun compte ni inscription n'est requis.

Comment écrire une liste de tâches (case à cocher) en Markdown ?

Écrivez « - [ ] Tâche à faire » en début de ligne ; pour une tâche terminée, utilisez « - [x] Terminé ». Sur cette page, vous pouvez cliquer sur la case dans l'aperçu pour basculer son état et voir le code markdown mis à jour dans l'éditeur.

Comment télécharger ou exporter un fichier Markdown ?

Vous pouvez télécharger le contenu de l'éditeur en Markdown original (.md) ou en HTML mis en forme (.html) ; les boutons correspondants se trouvent sous le panneau de l'outil. Vous pouvez aussi utiliser « Copier le lien » pour partager votre contenu via une URL.

Comment écrire une note de bas de page en Markdown ?

Placez une référence comme [^1] dans le texte, et définissez-la n'importe où sur la page comme [^1] : explication. L'étiquette peut être un mot plutôt qu'un nombre (par ex. [^source]). Cet outil numérote automatiquement les notes dans l'ordre d'apparition, les regroupe dans une section « Notes de bas de page » sous l'aperçu, et relie chaque référence à sa note et inversement. Idéal pour citer des sources dans des écrits académiques et des articles de blog.

Le bloc de code prend-il en charge la coloration syntaxique ?

Oui. Si vous ajoutez une balise de langage à un bloc de code délimité (```js, ```python, ```bash, ```html), les mots-clés, valeurs de chaînes, nombres, commentaires et noms de fonctions sont colorés. La coloration se fait entièrement dans votre navigateur sans bibliothèque externe, et s'adapte au mode sombre.

Comment enregistrer du Markdown en PDF ?

Cliquez sur le bouton « 🖨️ Imprimer / PDF » sous le panneau de l'outil ; la boîte de dialogue d'impression de votre navigateur s'ouvre, et en choisissant « Enregistrer au format PDF » comme destination, l'aperçu mis en forme est téléchargé en fichier PDF. Les éléments d'éditeur et d'interface sont masqués dans le résultat — seul le document généré apparaît.

Méthodologie & sources

L'aperçu Markdown de ToolPico est un outil gratuit et indépendant. Le moteur d'analyse fonctionne en deux passes sans bibliothèque externe : détection des blocs ligne par ligne (titres, listes, citations, blocs de code, tableaux) suivie de la mise en forme en ligne (gras, italique, code, liens, images).

Sources : spécification CommonMark · spécification GitHub Flavored Markdown (GFM). Dernière mise à jour : 19 juillet 2026. Les résultats couvrent les éléments markdown/GFM les plus courants ; la syntaxe étendue comme les mathématiques LaTeX et les diagrammes intégrés n'est pas prise en charge.