Éditeur Markdown en ligne avec prévisualisation | Gratuit | Awesome Toolkit

Prévisualisation Markdown

Écrivez du Markdown à gauche et obtenez un aperçu HTML en temps réel à droite. Copiez le HTML généré en un clic.

Par Marshkalk

Aperçu en direct
Aperçu HTML

Comment utiliser la prévisualisation Markdown

  1. Tapez ou collez votre Markdown dans l'éditeur à gauche.
  2. L'aperçu HTML se met à jour en temps réel à droite.
  3. Cliquez sur Copier le HTML pour copier le HTML rendu dans le presse-papiers.

Qu'est-ce que le Markdown ?

Markdown est un langage de balisage léger créé par John Gruber en 2004. Il est conçu pour être lisible en texte brut tout en se convertissant proprement en HTML. C'est désormais le format standard pour les fichiers README, la documentation, les articles de blog et les commentaires sur GitHub, Stack Overflow, Reddit et de nombreuses autres plateformes.

Référence rapide de la syntaxe Markdown

ÉlémentSyntaxe
Titre 1# Titre
Titre 2## Sous-titre
Gras**texte gras**
Italique*texte italique*
Lien[libellé](https://url)
Image![texte alt](image.png)
Code inline`code`
Bloc de code```langage ... ```
Liste non ordonnée- élément
Liste ordonnée1. élément
Citation> texte cité
Séparateur---

CommonMark vs GitHub Flavored Markdown

Cet outil utilise la bibliothèque marked.js, qui suit la spécification CommonMark avec les extensions GitHub Flavored Markdown (GFM). GFM ajoute les tableaux, les listes de tâches (- [x] fait), le texte barré (~~texte~~) et les blocs de code délimités.

Cas d'usage courants

  • Prévisualiser un README avant de le pousser sur GitHub ou npm
  • Rédiger et tester la documentation d'un projet logiciel
  • Rédiger un article de blog et copier le HTML pour le coller dans un CMS
  • Vérifier le rendu d'un commentaire sur une plateforme supportant Markdown