Éditeur Markdown avec aperçu en temps réel

Écrivez, collez votre Markdown ou ouvrez un fichier .md pour voir le résultat en temps réel. Vérifiez vos tableaux, vos listes et vos blocs de code directement dans le navigateur, sans inscription.

Markdown.md ou .markdown · Maximum 5MB
22 lignes77 mots
Aperçu en temps réelRendu dans votre navigateur
442 caractères

Un aperçu Markdown en ligne pour vérifier avant de publier

Cet éditeur Markdown en ligne est gratuit et utilisable sans inscription. Un titre qui reste en texte brut, un tableau mal aligné, une image absente : testez votre Markdown en ligne et repérez ce qui coince au fil de la saisie. Sur grand écran, le texte source et son aperçu s’affichent côte à côte ; sur un écran étroit, l’aperçu se trouve sous l’éditeur.

Ouvrir un fichier .md sans installer de logiciel

Vous avez reçu un README ou une documentation en Markdown ? Ouvrez le fichier pour le lire avec ses titres, ses listes et ses tableaux. Vous pouvez aussi remplacer l’exemple déjà présent par votre propre texte.

01

Collez le texte ou ouvrez votre fichier

Utilisez l’icône « Ouvrir un fichier .md » dans la barre de l’éditeur. Les extensions .md et .markdown sont acceptées, dans la limite indiquée à côté du nom de l’éditeur. Le fichier remplace le texte affiché.

02

Modifiez la source et observez le rendu

L’aperçu s’actualise pendant la saisie, sans bouton de validation. Agrandissez l’un des panneaux en plein écran pour relire un document long. Vous modifiez la syntaxe Markdown dans l’éditeur ; l’aperçu sert à voir le résultat.

03

Récupérez le contenu qui vous convient

L’icône de copie de l’aperçu permet de copier le contenu avec sa mise en forme si le navigateur prend en charge cette fonction et autorise la copie. Si la copie avec mise en forme n’est pas prise en charge, la copie se fait en Markdown brut lorsque le navigateur le permet. En cas d’échec, sélectionnez et copiez le texte dans l’éditeur. Utilisez aussi cette méthode pour reprendre la source dans un README. Le fichier d’origine sur votre ordinateur n’est pas modifié.

Pourquoi mon tableau Markdown ne s’affiche-t-il pas ?

Un tableau a besoin d’une ligne de séparation entre l’en-tête et les données. Pour essayer, remplacez le contenu de l’éditeur par ces trois lignes, hors d’un bloc de code. Copiez d’abord votre texte ailleurs si vous souhaitez le conserver :
| Document | État |
| --- | --- |
| README | À relire |

Supprimez la deuxième ligne, | --- | --- | : les deux lignes restantes ne forment plus un tableau. Remettez cette ligne entre l’en-tête et les données pour retrouver les deux colonnes.

Gardez le même nombre de colonnes dans l’en-tête et sa ligne de séparation. Si tout s’affiche comme du code, vérifiez que le tableau n’est pas entouré de triples accents graves. Pour préparer un tableau plus large, utilisez le générateur de tableaux Markdown.

Pour publier sur GitHub, consultez aussi la documentation officielle sur les tableaux : elle détaille notamment l’alignement des colonnes et l’écriture d’une barre verticale dans une cellule.

Sauts de ligne et images : deux vérifications utiles

01

Un retour à la ligne ne crée pas toujours une nouvelle ligne

Dans cet aperçu, appuyer une fois sur Entrée au milieu d’un paragraphe ne force pas un saut de ligne. Laissez une ligne vide pour commencer un nouveau paragraphe, ou ajoutez deux espaces en fin de ligne avant d’appuyer sur Entrée pour rester dans le même paragraphe. Vous pouvez aussi terminer la ligne par une barre oblique inverse (\).

Essayez ces deux lignes :
Première ligne
Deuxième ligne
Elles restent dans le même paragraphe, sans saut de ligne forcé. Ajoutez ensuite une barre oblique inverse à la fin de la première ligne :
Première ligne\
Deuxième ligne
L’aperçu affiche alors un saut de ligne entre les deux phrases.

02

Une image locale n’est pas importée avec le fichier .md

Une référence comme ![Capture](images/capture.png) ne donne pas accès au dossier de votre ordinateur ni aux fichiers de votre dépôt. Ouvrir le Markdown n’importe pas les images qui l’accompagnent. Pour vérifier une image distante, utilisez son adresse HTTPS complète.

Comparez ![Capture](images/capture.png) avec ![Capture](https://example.org/images/capture.png). La première forme dépend de l’emplacement du document ; la seconde indique une adresse complète. L’adresse example.org est illustrative : remplacez-la par l’URL HTTPS d’une image accessible pour faire l’essai. Une adresse complète ne suffit pas si l’hébergeur bloque son affichage.

03

Une adresse d’image doit être accessible

Vérifiez que le lien mène au fichier image, et non à une page qui le présente. Une image réservée aux utilisateurs connectés ou dont l’hébergeur refuse l’affichage depuis un autre site peut rester invisible. Testez l’adresse séparément dans votre navigateur.

Prévisualiser un README avant de le publier sur GitHub

Ouvrez votre README.md et relisez-le comme le ferait un nouveau contributeur : les titres organisent-ils clairement les instructions ? Les commandes sont-elles dans des blocs de code ? Les listes de tâches et les tableaux restent-ils lisibles ?

Cet aperçu aide à vérifier la structure, mais ne reproduit pas exactement le rendu de GitHub. Les styles, certaines extensions et la résolution des liens relatifs peuvent différer. Terminez la relecture dans l’aperçu de votre dépôt, surtout pour les images et les liens vers d’autres fichiers.

Questions sur la prévisualisation Markdown

Ce que vous pouvez vérifier ici, et ce qu’il faut encore contrôler dans le document final.

Faut-il créer un compte pour voir le rendu Markdown en temps réel ?

Non. Vous pouvez écrire, coller du Markdown ou ouvrir un fichier .md directement sur cette page, sans inscription ni installation. L’aperçu se met à jour à chaque modification.

Mon texte est-il envoyé à un serveur pour être prévisualisé ?

Le fichier est lu et le Markdown est rendu dans votre navigateur, sans envoi du texte à un serveur pour cette opération. Si votre document contient des images distantes, leur affichage peut toutefois contacter les sites qui les hébergent.

Est-ce que je retrouverai mon texte en revenant sur la page ?

Les modifications sont conservées dans le stockage de session de cet onglet lorsque le navigateur l’autorise. Ce stockage peut permettre de retrouver le texte après un rechargement, mais ce n’est pas une sauvegarde durable ni une synchronisation entre appareils. Copiez votre source dans un fichier avant de fermer l’onglet.

Quelles syntaxes Markdown puis-je prévisualiser ?

L’aperçu prend notamment en charge les titres, le gras, l’italique, les liens, les images, les citations, les listes, les cases à cocher, les tableaux et les blocs de code. Le HTML brut n’est pas interprété. Les diagrammes Mermaid et les formules LaTeX ne sont pas rendus comme des diagrammes ou des formules.

Pourquoi mon Markdown reste-t-il affiché en texte brut ?

La source reste visible dans le panneau Markdown : c’est normal. Consultez le panneau d’aperçu, à droite sur grand écran ou plus bas sur petit écran. Si les marqueurs y restent visibles, vérifiez la syntaxe : un titre demande un espace après le #, par exemple. Un texte placé entre triples accents graves est affiché comme du code.

L’aperçu correspond-il au document Word ou PDF final ?

Il permet de contrôler les titres, les listes, les tableaux et l’organisation du contenu avant conversion. Les marges, les polices, la largeur des tableaux et les sauts de page peuvent changer dans Word ou lors de la création du PDF. Après conversion, relisez donc aussi le fichier obtenu.

Vérifiez votre prochain document Markdown

Reprenez votre texte dans l’éditeur ou consultez l’aide-mémoire pour retrouver une syntaxe. Pour préparer un document à partager, copiez ensuite votre source dans le convertisseur Markdown vers Word.