Éditeur Markdown en ligne avec aperçu en direct
Écrivez en Markdown d'un côté et voyez le résultat mis en forme de l'autre. Mettez en forme avec la barre d'outils ou les raccourcis, puis copiez, téléchargez ou imprimez. Votre texte reste dans votre navigateur
L'aperçu du rendu s'affiche ici pendant que vous écrivez
Ce fichier dépasse 2 Mo, ce qui est trop pour que l’éditeur reste fluide. Divisez-le en fichiers plus petits.
Calculé instantanément dans votre navigateur, avec un temps de lecture basé sur 200 mots par minute. Rien n'est enregistré : téléchargez votre fichier avant de fermer l'onglet.
Comment utiliser cet outil
- Choisissez un affichage : Édition, Côte à côte (source et aperçu) ou Aperçu. Le mode concentration masque les distractions.
- Saisissez ou collez du Markdown, ou utilisez la barre et les raccourcis (Ctrl+B pour le gras, Ctrl+I pour l'italique, Ctrl+K pour un lien).
- Activez Sauts de ligne en
<br>pour conserver chaque retour à la ligne, comme dans les commentaires GitHub. - Copiez, téléchargez ou imprimez le résultat. Votre texte reste dans votre navigateur.
Exemple concret
Une ligne commençant par ## devient un titre de niveau 2, et - [ ] ou - [x] ouvre une liste de tâches. Un tableau demande une ligne d'en-tête, une ligne de séparation en tirets, puis les lignes de données. Le temps de lecture compte 200 mots par minute et arrondit à l'entier supérieur : 600 mots se lisent en 3 minutes, 601 mots en 4. Le HTML brut n'est jamais inséré : saisir <b>hi</b> affiche les balises en texte, et les liens se limitent à http, https, mailto et tel. Le moteur couvre le CommonMark courant et les tableaux, listes de tâches et textes barrés de GitHub, mais pas les notes de bas de page, les formules ni les diagrammes.
Méthodologie
Le Markdown a été créé par John Gruber en 2004 comme un raccourci en texte brut pour le HTML. Cet éditeur implémente les éléments utilisés au quotidien de la spécification CommonMark, ainsi que les extensions de GitHub Flavored Markdown (GFM) pour les tableaux, les listes de tâches, le barré et les liens automatiques. C'est un moteur de rendu sur mesure, sans dépendance, et non une copie complète de l'une ou l'autre spécification : les cas rares comme les notes de bas de page, les formules et les diagrammes Mermaid ne sont pas rendus.
Ce que vous tapez, ce que l'aperçu affiche
Sorties réelles du moteur de rendu de cet éditeur pour quelques saisies courantes.
| Vous tapez | L'aperçu affiche | Remarque |
|---|---|---|
| ## Title | Titre de niveau 2 | h2 |
| - [x] done | Case cochée | Les cases sont en lecture seule dans l'aperçu |
| ~~old~~ | Texte barré | del |
| line 1⏎line 2 | Un seul paragraphe, sans saut | Ajoutez deux espaces en fin de ligne, ou cochez l'option de sauts de ligne |
| <b>hi</b> | Texte brut <b>hi</b> | Le HTML brut est échappé, jamais exécuté |
| [x](javascript:…) | Texte « x », sans lien | Seuls http, https, mailto et tel deviennent des liens |
| [x](https://…) | Lien s'ouvrant dans un nouvel onglet | Marqué nofollow |
| Term[^1] / $x^2$ | Affiché tel quel | Notes de bas de page et formules non rendues |
Lisez la colonne Remarque comme les limites de l'éditeur : si une ligne vous surprend, la cause est le plus souvent l'une d'elles, pas une faute de frappe. Vérifiez ce que le tableau indique comme non rendu dans l'outil où votre texte sera finalement publié.
Questions fréquentes
Le texte que j'écris ici est-il envoyé ou enregistré quelque part ? ▼
Le texte n'est pas envoyé à un serveur et n'est pas stocké, pas même dans le stockage local (la page ne retient que votre thème et votre choix sur les cookies). L'analyse et le rendu se font dans votre navigateur : un rechargement ou la fermeture de l'onglet efface donc votre texte, utilisez « Télécharger .md » pour le conserver. La page demande une confirmation avant de quitter avec du texte non enregistré. Une exception : si votre Markdown désigne une image par son adresse web, votre navigateur la demande à son hébergeur pour l'afficher, et cet hébergeur voit votre adresse IP. Le texte seul et les images en base64 ne font aucune requête.
Pourquoi mon HTML brut, comme une balise div ou script, n'est-il pas rendu dans l'aperçu ? ▼
Par sécurité, le HTML saisi dans l'éditeur est affiché comme du texte au lieu d'être exécuté. GitHub filtre aussi fortement le HTML brut, s'y fier est donc fragile. Utilisez la syntaxe Markdown pour la mise en forme, ou copiez le HTML généré et ajoutez votre propre balisage sur votre site.
Pourquoi un seul appui sur Entrée ne crée-t-il pas de nouvelle ligne dans l'aperçu ? ▼
En Markdown, un simple saut de ligne dans un paragraphe est traité comme une espace : les lignes consécutives fusionnent en un seul paragraphe. Laissez une ligne vide pour un nouveau paragraphe, terminez une ligne par deux espaces ou une barre oblique inverse pour forcer un saut, ou cochez l'option de sauts de ligne au-dessus de l'éditeur.
Comment coller mon Markdown avec sa mise en forme dans Word, Google Docs ou un e-mail ? ▼
Utilisez le bouton « Texte mis en forme » sous « Copier », puis collez dans votre document. Les titres, le gras, les listes et les tableaux arrivent en vraie mise en forme plutôt qu'en symboles Markdown. Utilisez plutôt le bouton HTML si vous avez besoin du balisage brut pour un site ou un CMS.
Comment enregistrer le résultat en PDF ? ▼
Cliquez sur « Imprimer / PDF » et choisissez « Enregistrer au format PDF » comme destination dans la boîte de dialogue d'impression du navigateur. Seul l'aperçu du rendu est imprimé, sans la barre d'outils ni le reste de la page, en noir sur blanc même si le mode sombre est activé.