É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

Ce que vous pouvez faire

Markdown style GitHub
Tableaux, blocs de code clôturés, listes de tâches, autoliens, barré — le sous-ensemble GFM, pas juste du CommonMark simple.
Aperçu en direct côte à côte
Tapez à gauche, voyez du HTML rendu à droite — pas de rafraîchissement manuel.
Aperçu sécurisé
Les balises <script> et les gestionnaires onclick collés sont retirés avant le rendu — collez du Markdown de n'importe où sans craindre que du contenu actif s'exécute.
Défilement synchronisé
Faire défiler un volet fait défiler l'autre proportionnellement — utile pour les longs documents.
Trois vues
Côte à côte, éditeur uniquement (écriture focalisée), aperçu uniquement (lire votre brouillon).
Exportation multi-format
Sauvegardez votre Markdown comme .md, le HTML rendu comme .html, ou copiez du HTML dans le presse-papiers.

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.

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 Auteurs: