Éditeur Markdown - Aperçu en direct et export HTML

Rédigez en Markdown dans un éditeur avec aperçu instantané côte à côte, puis copiez ou téléchargez un HTML propre : tout s’exécute localement dans votre navigateur.

Saisissez ou collez du Markdown à gauche et regardez le résultat rendu apparaître à droite. Rien de ce que vous écrivez n’est envoyé : l’éditeur fonctionne entièrement sur votre appareil.

Éditeur Markdown - Aperçu en direct et export HTML
Rédigez en Markdown dans un éditeur avec aperçu instantané côte à côte, puis copiez ou téléchargez un HTML propre : tout s’exécute localement dans votre navigateur.
Aperçu
Mots : 0Caractères : 0

Fonctionnement : la source est analysée par un moteur compatible CommonMark (tableaux, code clôturé et barré activés), le HTML brut est désactivé par sécurité et l’aperçu affiche exactement le HTML que vous pouvez copier ou télécharger.

À propos de l’éditeur Markdown en ligne

Cet éditeur Markdown vous offre un espace d’écriture sans distraction avec un aperçu en direct juste à côté. Saisissez ou collez du Markdown dans le panneau source : le résultat rendu se met à jour à chaque touche, pour que vous puissiez voir précisément l’apparence des titres, listes, liens, tableaux et blocs de code avant toute publication. Tout se passe localement dans votre navigateur : l’analyseur s’exécute sur votre appareil, aucun compte n’est nécessaire et rien de ce que vous écrivez n’est envoyé à un serveur. L’éditeur convient donc aux notes privées, à la documentation interne et aux brouillons non publiés. L’aperçu utilise un moteur de rendu compatible CommonMark et prend en charge les extensions de style GitHub attendues par la plupart des rédacteurs. Tableaux séparés par des barres verticales, blocs de code clôturés, barré avec doubles tildes, liens automatiques pour les URL nues et remplacements typographiques comme les guillemets courbes, tirets et points de suspension fonctionnent immédiatement. Le HTML brut est volontairement désactivé dans la source : un extrait collé ne peut donc pas injecter de scripts ou de styles dans l’aperçu. Le résultat copié ou téléchargé est un balisage simple et prévisible, identique partout. Une fois le document prêt, plusieurs modes d’export sont disponibles. Copier le HTML place le balisage rendu dans le presse-papiers, pour le coller directement dans un CMS, un modèle d’e-mail ou une mise en page de site statique. Télécharger le HTML enveloppe ce même balisage dans une page web autonome complète, avec doctype, encodage des caractères et déclaration viewport corrects, prête à ouvrir dans n’importe quel navigateur ou à transmettre à un collègue. Télécharger le Markdown enregistre la source brute dans un fichier .md pour le contrôle de version ou une modification ultérieure, tandis qu’Effacer réinitialise tout l’espace de travail en un clic. Les compteurs de mots et de caractères en direct se trouvent sous l’éditeur. Ils sont pratiques lorsque vous rédigez avec une limite, par exemple une introduction de blog, une description de produit, une section de README ou un résumé de conférence. Comme le compteur ignore les jetons composés uniquement de ponctuation, tels que les dièses et les barres verticales, il compte les mots réellement lus plutôt que le balisage qui les entoure. L’éditeur est volontairement léger, et non une chaîne complète de publication. Il ne synchronise pas les documents entre appareils, ne rend pas les formules LaTeX ni les diagrammes Mermaid et n’exporte pas directement en PDF ou DOCX : pour ces besoins, utilisez un convertisseur dédié. En revanche, il fait instantanément ce pour quoi il est conçu : rédiger du Markdown rapidement et en privé, le prévisualiser fidèlement et exporter un HTML propre, gratuitement et sans inscription.

Exemples de l’éditeur Markdown

Quelques extraits courants et ce que l’aperçu en direct en fait.

Le Markdown saisiAffichage de l’aperçuPourquoi cela fonctionne
## Liste de contrôle de publicationUn titre de niveau deuxDe 1 à 6 caractères # en début de ligne produisent des titres h1 à h6.
| Nom | Qté | | --- | --- | | Stylos | 12 |Un tableau à deux colonnes avec une ligne d’en-têteDes barres verticales et une ligne séparatrice de tirets créent des tableaux de style GitHub.
~~ancien prix~~ $19Texte barré avant le nouveau prixEntourez le texte de doubles tildes pour le barrer.
Visitez https://example.com aujourd’huiL’URL nue devient un lien cliquableLes liens automatiques sont activés : les URL simples sont détectées sans chevrons.

Utiliser l’éditeur Markdown

  1. Saisissez ou collez du Markdown dans le panneau source à gauche : l’aperçu rendu à droite se met à jour pendant la saisie.
  2. Consultez les compteurs de mots et de caractères sous l’éditeur si vous écrivez avec une limite de longueur.
  3. Cliquez sur Copier le HTML pour placer le balisage rendu dans le presse-papiers, ou sur Télécharger le HTML pour enregistrer une page web autonome complète.
  4. Utilisez Télécharger le Markdown pour enregistrer la source .md, Charger un exemple pour découvrir un document de démonstration, ou Effacer pour recommencer.

FAQ de l’éditeur Markdown

Mon texte est-il envoyé quelque part ?
Non. L’analyse et le rendu de l’aperçu s’effectuent entièrement dans votre navigateur, avec un moteur JavaScript exécuté dans la page. Votre texte ne quitte jamais votre appareil et est supprimé à la fermeture de l’onglet : l’éditeur convient donc aux brouillons confidentiels.
Quelle syntaxe Markdown l’éditeur prend-il en charge ?
Il suit CommonMark et ajoute les extensions populaires de style GitHub : tableaux à barres verticales, blocs de code clôturés, barré et liens automatiques pour les URL nues. L’emphase avec astérisques ou tirets bas, les listes imbriquées, les citations et les images sont également rendues comme prévu.
Pourquoi le HTML brut de mon Markdown n’est-il pas rendu ?
Le passage direct du HTML brut est désactivé volontairement. Cela empêche le contenu collé d’injecter des scripts ou des styles dans l’aperçu (un vecteur XSS courant) et garde le balisage exporté propre. Utilisez la syntaxe Markdown plutôt que des balises en ligne.
Comment transformer mon Markdown en page web complète ?
Cliquez sur Télécharger le HTML. L’éditeur enveloppe le balisage rendu dans un document complet incluant le doctype, le charset et les métadonnées viewport : le fichier enregistré s’ouvre correctement dans n’importe quel navigateur, sans travail supplémentaire.
Puis-je coller le HTML exporté dans WordPress ou un e-mail ?
Oui. Copier le HTML fournit un balisage sémantique simple, sans feuilles de style ni scripts externes, qui se colle proprement dans les éditeurs de code CMS, les outils de création d’e-mails et les systèmes de documentation. Le style vient ensuite du thème de destination.