Éditeur Markdown

Écrivez du Markdown avec aperçu en direct et téléchargez en HTML

Éditeur

Aperçu

Comment ça marche

Éditeur Markdown — Écrivez du Markdown avec aperçu en direct et téléchargez en HTML. Tout le traitement se fait dans votre navigateur — sans téléversement, sans inscription, sans e-mail. Gratuit pour toujours.

Dernière mise à jour: 2026-05-06

Editor's note

Nous avons construit ceci parce que nous voulions rédiger des articles de blog et des README sans commiter chaque correction de virgule via git juste pour voir comment un titre s'affichait. Les prévisualiseurs Markdown locaux existent, mais la chorégraphie pour installer une extension VS Code est plus lourde que l'écriture réelle pour un petit post. Un onglet de navigateur qui montre l'aperçu à la seconde où vous tapez correspond à notre vraie habitude d'écriture — taper à gauche, jeter un œil à droite, recommencer — et la séparation en deux volets est volontaire, pas une fonctionnalité que nous aurions oublié de rendre repliable.

Les deux boutons d'export existent parce qu'ils servent des usages vraiment différents dans notre propre workflow. Copier HTML, c'est ce que nous utilisons pour livrer — coller dans un CMS, joindre à un e-mail, déposer dans un site statique — et DOMPurify est au milieu de ce pipe pour que nous ne soyons pas les gens qui ont introduit une faille XSS dans un site marketing. La copie Markdown sert à archiver la source, la version que vous voulez vraiment conserver quand le HTML rendu devra inévitablement être régénéré contre une nouvelle feuille de style six mois plus tard.

À propos de Éditeur Markdown

Cet éditeur Markdown est un environnement d'écriture en direct à deux panneaux : tapez du Markdown à gauche, regardez l'aperçu HTML rendu se mettre à jour en temps réel à droite. Quand le résultat vous convient, vous pouvez copier le Markdown, copier le HTML rendu ou télécharger le HTML sous forme de fichier autonome prêt à être déposé sur un site ou partagé par e-mail.

Il prend en charge le Markdown saveur GitHub — titres, listes, tableaux, blocs de code délimités, citations, liens, images, HTML inline et sauts de ligne souples — via la bibliothèque marked, avec une sortie assainie par DOMPurify pour que le HTML que vous copiez puisse être intégré sans introduire de faille XSS.

Tout s'exécute dans votre navigateur. Pas de compte, pas de sauvegarde automatique sur un serveur et pas de téléversement de fichier — vos brouillons de notes, articles de blog, README et comptes-rendus de réunion ne quittent jamais votre machine. Rafraîchir la page efface l'éditeur, considérez-le donc comme un brouillon et non comme un stockage longue durée.

Comment utiliser Éditeur Markdown

Cliquez dans le panneau d'édition et commencez à écrire du Markdown. Un document de démarrage est fourni pour vous montrer comment chaque construction est rendue.
Jetez un œil au panneau d'aperçu pour vérifier que titres, liens, listes et images apparaissent comme vous le souhaitez.
Basculez la disposition entre Les deux, Éditeur seul et Aperçu seul selon que vous écrivez, relisez ou présentez.
Utilisez Copier le Markdown pour récupérer la source brute, ou Copier le HTML pour récupérer le HTML rendu et assaini.
Cliquez sur Télécharger le HTML pour enregistrer l'aperçu sous forme de fichier .html autonome que vous pouvez joindre à un e-mail ou ouvrir dans un navigateur.
Rafraîchissez la page pour démarrer un tout nouveau document — il n'y a pas de sauvegarde automatique, c'est volontaire.

Cas d'usage courants

Rédiger des fichiers README GitHub, des descriptions d'issues ou des corps de pull requests en dehors de l'interface GitHub.
Écrire des billets de blog en Markdown et exporter du HTML propre pour un site statique ou une plateforme de newsletter qui ne comprend pas directement le Markdown.
Préparer des notes de version ou des changelogs et prévisualiser exactement comment la mise en forme apparaîtra avant de coller dans Slack, Notion ou un CMS.
Enseigner le Markdown — les étudiants peuvent expérimenter la syntaxe et voir le résultat rendu côte à côte sans rien installer.
Convertir rapidement un extrait Markdown tiré de la documentation en HTML pour une article de centre d'aide ou une base de connaissances.

Astuces et erreurs courantes

Utilisez quatre espaces ou une tabulation pour imbriquer des éléments de liste ; un décalage d'indentation est la raison la plus fréquente pour laquelle une liste imbriquée s'aplatit dans l'aperçu.
Les blocs de code délimités (```langue) reçoivent dans le HTML de sortie des noms de classe étiquetés par langage — branchez-les sur un coloriseur de syntaxe comme Prism ou highlight.js sur votre propre site pour du code coloré.
Le HTML inline est autorisé et rendu, vous pouvez donc insérer <kbd>, <details> ou toute autre balise que le Markdown ne couvre pas nativement. DOMPurify retire malgré tout les attributs dangereux et les balises script de la sortie.
Quand vous copiez le HTML, vous obtenez un fragment, pas un document complet. Enveloppez-le dans une coquille <html><body> avec votre propre feuille de style avant de l'enregistrer comme page soignée.

Questions fréquentes

Quelle saveur de Markdown est supportée ?

GitHub-flavored Markdown via la librairie marked — titres, listes, tableaux, blocs de code clôturés, citations, liens, images, HTML inline, sauts de ligne souples, et plus.

Le HTML résultant est-il sûr à intégrer sur mon site ?

Oui. Nous l'assainissons via DOMPurify, qui supprime attributs dangereux et scripts. Vous pouvez coller le résultat dans n'importe quelle page sans risque XSS.

Mon Markdown est-il sauvegardé ou envoyé ?

Non. Le rendu et le téléchargement ont lieu localement dans votre navigateur. Recharger la page vide l'éditeur.

Puis-je ajouter mon propre CSS à l'aperçu ?

L'aperçu intégré utilise la typographie par défaut du site. Pour styliser la sortie pour votre propre site, copiez le HTML et associez-le à la feuille de style que vous utilisez déjà — le balisage est du HTML sémantique simple, donc tout CSS compatible Markdown fonctionnera.

L'éditeur prend-il en charge les tableaux et les listes de tâches ?

Oui. Les tableaux Markdown saveur GitHub (avec barres verticales et tirets) et les éléments de liste de tâches (- [ ] / - [x]) sont tous deux rendus correctement dans l'aperçu et conservés dans le HTML exporté.

Puis-je importer un fichier Markdown existant ?

Ouvrez le fichier dans n'importe quel éditeur de texte, copiez son contenu et collez-le dans le panneau d'édition. Il n'y a pas de sélecteur de fichier, ce qui maintient l'outil entièrement hors ligne et évite la friction des dialogues de téléversement pour de courts extraits.