Éditeur Markdown avec aperçu en direct

Écrivez en Markdown à gauche et voyez le résultat mis en forme à droite pendant que vous tapez. Ouvrez des fichiers .md, utilisez la barre d'outils ou les raccourcis, puis téléchargez le HTML, copiez le texte mis en forme dans un e-mail ou un document, ou enregistrez le fichier .md.

Vos fichiers ne quittent jamais votre appareil. Tout se passe dans votre navigateur.

Comment ça marche

  1. Écrivez ou ouvrezTapez dans la zone de gauche, collez du texte ou ouvrez un fichier .md. L'aperçu à droite se met à jour pendant la saisie.
  2. Mettez en formeUtilisez la barre d'outils ou les raccourcis pour le gras, les liens, les listes, les listes de tâches, les tableaux et les blocs de code.
  3. ExportezTéléchargez une page HTML complète, copiez le code HTML, copiez le texte mis en forme ou enregistrez le Markdown en fichier .md.

Le Markdown tel que GitHub l'affiche

L'éditeur comprend le Markdown que vous connaissez sur GitHub, GitLab et la plupart des sites de documentation : titres, texte en gras et en italique, liens, images, citations, listes numérotées ou à puces imbriquables, lignes de séparation et retours à la ligne. S'y ajoutent les extensions de GitHub : tableaux avec colonnes alignées à gauche, au centre ou à droite, listes de tâches avec cases à cocher, texte barré et blocs de code délimités avec nom de langage.

Chaque titre reçoit un identifiant d'ancre créé de la même manière que sur GitHub. Un lien comme [Installation](#installation) mène donc à la section Installation, dans l'aperçu comme dans le HTML exporté. Cocher une case dans l'aperçu met à jour le [ ] ou le [x] dans votre texte.

Du Markdown vers un e-mail, un document ou une page web

Copier le texte mis en forme place le résultat rendu dans le presse-papiers : en le collant dans Gmail, Outlook, Word ou Google Docs, vous gardez les titres, les listes, les liens et les tableaux. Télécharger le HTML enregistre une page complète avec une mise en forme simple et lisible qui s'ouvre dans n'importe quel navigateur, et Copier le HTML copie uniquement le code pour un blog, un CMS ou un modèle de newsletter.

Réglez Afficher sur HTML pour voir le code généré pendant que vous écrivez. Le résultat est un HTML propre, sans classes ni styles en ligne, à part le nom du langage sur les blocs de code et les marqueurs des listes de tâches.

Sûr et privé

Les fichiers Markdown peuvent contenir du HTML brut. Avant tout affichage, le résultat passe par un filtre strict qui supprime les scripts, les gestionnaires d'événements, les frames et les liens javascript:. Ouvrir un fichier de provenance inconnue ne peut donc pas exécuter de code sur cette page. Votre texte n'est envoyé nulle part : il est traité dans votre navigateur, et le brouillon en cours est conservé uniquement dans ce navigateur pour être encore là après un rechargement.

Questions fréquentes

Mon texte est-il envoyé ou enregistré sur un serveur ?

Non. Tout se passe dans votre navigateur. Le brouillon est gardé uniquement dans le stockage de ce navigateur pour survivre à un rechargement ; videz l'éditeur pour le supprimer.

Le GitHub Flavored Markdown est-il pris en charge ?

Les éléments les plus utilisés, oui : tableaux avec alignement, listes de tâches, texte barré, blocs de code délimités avec langage, liens automatiques et ancres de titres. Les notes de bas de page et les formules mathématiques ne sont pas prises en charge.

Puis-je utiliser du HTML dans le Markdown ?

Oui, les balises courantes comme br, sub, sup, kbd, details et summary fonctionnent. Les scripts, styles, formulaires, frames et attributs d'événements sont toujours supprimés.

Pourquoi les images venant du web n'apparaissent-elles pas dans l'aperçu ?

Par sécurité, cette page ne charge pas d'images depuis d'autres sites. L'aperçu affiche à la place un emplacement avec la description de l'image. Le HTML exporté garde les liens des images, et les images collées sous forme de données s'affichent.

Comment coller le résultat dans Word ou Gmail ?

Cliquez sur Copier le texte mis en forme, puis collez avec Ctrl+V. Les titres, listes, liens et tableaux gardent leur mise en forme.

Fonctionne-t-il hors ligne et sur téléphone ?

Oui. Une fois la page ouverte une première fois, elle fonctionne sans connexion, et l'éditeur marche aussi sur téléphones et tablettes, où l'aperçu s'affiche sous le texte.