Aller au contenu
SPCXTools

Convertisseur Markdown en HTML

Écrivez ou collez du Markdown, visualisez l'aperçu en direct et copiez le HTML propre.

Fonctionne en local — vos fichiers ne quittent pas votre appareil

Chargement de l’outil…

Comment utiliser : Convertisseur Markdown en HTML

  1. 1Saisissez ou collez du Markdown dans l'éditeur de gauche, ou partez de l'exemple.
  2. 2Laissez GitHub Flavored Markdown activé pour les tableaux, listes de tâches et le texte barré, et cochez Sauts de ligne si les sauts de ligne simples doivent devenir des sauts de ligne.
  3. 3Basculez entre Aperçu et HTML pour voir le résultat rendu ou le code généré.
  4. 4Copiez le HTML dans votre site, CMS ou e-mail, ou téléchargez une page .html complète et stylisée.

Convertisseur Markdown vers HTML avec aperçu en direct

Le Markdown vous permet d'écrire du texte formaté rapidement avec des symboles simples, sans vous soucier des balises HTML. Quand vous avez besoin du HTML — pour un site web, un CMS qui ne prend pas en charge le Markdown, un modèle d'e-mail ou un README que vous voulez prévisualiser — ce convertisseur s'en charge instantanément. Saisissez votre texte à gauche, et visualisez le résultat rendu ou le code HTML propre à droite. Tout se passe dans votre navigateur.

Fonctionnalités

  • Aperçu en direct qui se met à jour pendant que vous écrivez.
  • GitHub Flavored Markdown : tableaux, listes de tâches, texte barré, liens automatiques et blocs de code délimités.
  • Sauts de ligne optionnels — transformez les sauts de ligne simples en balises <br>.
  • Sortie HTML propre sans styles 'inline' ni conteneurs superflus, prête à être collée n'importe où.
  • Téléchargement en tant que page complète avec une feuille de style simple et lisible.
  • Aperçu sécurisé dans un 'iframe' en bac à sable (sandbox) qui bloque les scripts.

Aide-mémoire Markdown

Markdown Résultat
# Titre 1 / ## Titre 2 Titres
**gras** / *italique* gras / italique
[lien](https://example.com) Un lien
![texte alternatif](image.png) Une image
- élément ou 1. élément Liste à puces ou numérotée
> citation Citation (blockquote)
`code` Code 'inline'
``` sur les lignes avant et après Bloc de code
--- Ligne horizontale
- [ ] tâche Élément de liste de tâches (GFM)
~~texte~~ Texte barré (GFM)

Les tableaux s'écrivent avec des barres verticales (|) et une ligne de séparation composée de tirets. Les deux-points dans la ligne de séparation alignent les colonnes : :--- à gauche, :---: au centre, ---: à droite.

Usages courants

  • Blogs et CMS qui acceptent le HTML mais pas le Markdown.
  • Newsletters par e-mail — écrivez en Markdown, collez le HTML dans votre outil d'e-mailing.
  • Prévisualisation de README et de documentation avant de 'push' sur GitHub ou GitLab.
  • Conversion de notes depuis Obsidian, des exports Notion ou d'autres applis Markdown en pages web.
  • Apprendre le HTML en voyant quelles balises chaque construction Markdown produit.

Astuces

  • Laissez une ligne vide entre les paragraphes, les listes et les titres — cela évite la plupart des surprises de formatage.
  • Indentez les éléments de listes imbriquées de deux ou quatre espaces de manière cohérente.
  • Ajoutez un nom de langage après les trois accents graves d'ouverture (par exemple ```js) pour que les colorateurs syntaxiques de votre site puissent colorer le code.

Pour compter les mots dans votre texte, utilisez le Compteur de mots. Pour les données structurées, le Formateur JSON valide et embellit le JSON.

Questions fréquentes

Qu'est-ce que le Markdown ?
Le Markdown est une syntaxe de mise en forme pour texte brut, créée pour être facile à lire et à écrire. On utilise des symboles comme
Qu'est-ce que le GitHub Flavored Markdown (GFM) ?
Le GFM est une extension très répandue du Markdown standard. Il ajoute les tableaux, les listes de tâches (- [ ] et - [x]), le texte barré (texte), les liens automatiques pour les URL et les blocs de code délimités. Désactivez-le si vous avez besoin d'une sortie CommonMark stricte.
Pourquoi les sauts de ligne simples n'apparaissent-ils pas dans le résultat ?
En Markdown standard, un saut de ligne simple dans un paragraphe est traité comme un espace. Il faut une ligne vide pour commencer un nouveau paragraphe, ou deux espaces à la fin d'une ligne pour un saut de ligne. Cochez Sauts de ligne pour transformer chaque saut de ligne en balise <br>, comme dans les commentaires GitHub.
Le HTML brut dans mon Markdown est-il conservé ?
Oui. Le Markdown autorise le HTML 'inline', et celui-ci est transmis à la sortie. L'aperçu s'exécute dans un 'iframe' en bac à sable (sandbox) qui bloque les scripts, donc le contenu collé ne peut pas exécuter de code sur cette page. Si vous publiez du HTML de sources non fiables sur votre propre site, nettoyez-le (sanitize) à ce moment-là.
Le HTML inclut-il des styles ?
Le HTML copié ne contient que le balisage du contenu, il adoptera donc les styles de votre site web. Le fichier .html téléchargé est une page complète avec une petite feuille de style lisible, pratique pour le partage ou l'impression.