Éditeur Markdown en direct

Éditeur Markdown en ligne gratuit avec aperçu HTML en direct. Tapez du CommonMark ou du Markdown style GitHub à gauche et voyez le HTML rendu à droite ; les volets défilent en synchronisation pour que vous ne perdiez pas votre place dans de longs documents. L'aperçu est assaini — les balises <script> collées et les gestionnaires onclick ne peuvent pas se déclencher, donc vous pouvez rendre en toute sécurité du Markdown copié de n'importe où. Exportez comme fichier .md (la source que vous avez écrite) ou comme fichier .html (la sortie rendue), ou copiez le HTML rendu dans le presse-papiers pour coller dans WordPress, Ghost, Notion ou n'importe quel autre CMS. Trois modes de vue : côte à côte (par défaut), éditeur uniquement (mode focus), aperçu uniquement (mode lecture).

Comment utiliser

1
Tapez du Markdown

Syntaxe standard — titres (#), listes (-), gras (**), code (```), tableaux (|).

2
Regardez l'aperçu

Rendu en direct apparaît à droite pendant que vous tapez.

3
Changez de vue

Le mode focus cache l'aperçu ; le mode lecture cache l'éditeur.

4
Exportez

Sauvegardez .md (source) ou .html (rendu) — les deux téléchargements restent dans votre navigateur.

Éditez du Markdown à gauche, voyez du HTML à droite — style GitHub, assaini, défilement synchronisable

Vue
Thème
Options
Markdown
Aperçu
Tu ne sais pas quoi essayer ?
400+ outils gratuits — ouvre une surprise
🎲 Surprends-moi

Fonctionnalités

Markdown style GitHub Aperçu en direct côte à côte Aperçu sécurisé Défilement synchronisé Trois vues Exportation multi-format

Utilisations typiques

  • Rédiger un billet de blog en Markdown, rendre en HTML, coller dans votre CMS.
  • Écrire un README localement sans installer de renderer.
  • Convertir un document Markdown en HTML autonome pour envoi par email ou hébergement.
  • Formater une note de réunion avec titres et listes à puces, puis copier le HTML.
  • Pratiquer la syntaxe Markdown — voir comment chaque caractère se traduit en HTML.

Pourquoi celui-ci

Le rendu est instantané à chaque frappe — pas d'aller-retour vers un serveur, pas de délai « aperçu prêt dans 3 secondes » des éditeurs de CMS. Défilement synchronisé et dispositions à trois vues configurables. Les fonctionnalités GFM (tableaux, listes de tâches, code clôturé) correspondent exactement à ce que GitHub rend pour votre README ; désactivez GFM si vous visez un consommateur CommonMark plus strict (certains générateurs de sites statiques, pipelines de publication académique).

Questions fréquentes

Qu'est-ce que Markdown "style GitHub" ?

Un sur-ensemble de CommonMark ajoutant des tableaux, des blocs de code clôturés, des listes de tâches, des autoliens et du barré. C'est le standard de fait pour les fichiers README. Désactivez "GFM" pour rendre du CommonMark strict à la place.

Pourquoi <script> dans mon Markdown ne se rend-il pas ?

Le contenu actif (scripts, gestionnaires d'événements, URLs javascript:) est retiré avant l'affichage — sans cette protection, n'importe quel Markdown que vous collez depuis un chat ou un forum pourrait exécuter du code dans votre navigateur. Si vous avez besoin d'une balise <script> littérale comme texte visible, échappez-la avec des backticks (`<script>`) ou des codes d'entité HTML.

Puis-je écrire LaTeX/maths ?

Non — c'est un renderer Markdown simple, pas un compositeur mathématique. Utilisez un bloc code-fenced avec le langage `math` comme placeholder ; pour un vrai rendu d'équations, GitHub supporte désormais nativement les blocs math $...$ et Obsidian / VS Code / MkDocs intègrent tous KaTeX ou MathJax.

Comment fonctionne le défilement synchronisé ?

Quand vous faites défiler l'éditeur, l'aperçu défile proportionnellement pour correspondre. C'est basé sur un pourcentage approximatif — pas précis au bloc — mais suffisamment proche pour la navigation.

Mobile ?

Oui. La disposition divisée s'effondre en volets empilés ; basculez vers éditeur uniquement ou aperçu uniquement pour plus d'espace.

💡 Voulez-vous que nous améliorions cet outil pour vous ?

Nous le pouvons — et c'est gratuit ! Envoyez-nous simplement un message rapide avec votre idée. Si vous voulez en discuter en détail, laissez votre e-mail et nous reviendrons vers vous. Vous pouvez rester anonyme.

Comment évaluez-vous cet outil ?

Merci pour votre note !
Vous voulez en dire plus ? Laissez un commentaire !
Merci ! Votre commentaire apparaîtra après modération.
Publié Mis à jour