Aller au contenu

Convertir du Markdown en HTML

Transformez du Markdown en page web autonome soignée, ou en HTML propre à coller dans un blog ou un CMS — tableaux façon GitHub, code coloré et titres avec ancres inclus.

  • Jamais conservé
  • Pas de file d'attente, pas d'attente
  • Sans inscription, sans filigrane

Pas de fichier sous la main ?

Comment ça marche

1

Ajoutez du Markdown

Déposez un fichier .md, ou écrivez et collez directement dans l'éditeur.

2

Choisissez le résultat

Une page complète mise en forme qui s'ouvre partout, ou seulement le HTML pour votre propre site.

3

Copiez ou téléchargez

Copiez le HTML dans le presse-papiers ou enregistrez-le en fichier .html.

Un fragment ou une page : lequel vous faut-il ?

Il existe deux résultats utiles, et ils ne sont pas interchangeables. Un fragment ne contient que le balisage converti — titres, paragraphes, listes, liens — sans enveloppe de document : c'est ce qu'il vous faut quand le résultat va dans un modèle, un champ de CMS ou une autre page. Une page complète ajoute le doctype, un en-tête, une déclaration de jeu de caractères et une feuille de style, pour s'ouvrir seule et avoir de l'allure. Coller une page complète dans un CMS donne un document dans un document ; ouvrir un fragment dans un navigateur donne du texte sans mise en forme.

La conversion couvre l'ensemble étendu de Markdown qui fait consensus : titres, emphase, listes, liens, images, citations, tableaux, blocs de code délimités avec coloration syntaxique, listes de tâches, texte barré et notes de bas de page. Les titres reçoivent des identifiants tirés de leur texte, ce qui permet d'y faire un lien direct — ces ancres qui rendent une longue documentation utilisable.

Le HTML brut présent dans le Markdown est transmis tel quel, ce qui fait partie de la spécification et mérite d'être pris au sérieux : un fichier Markdown d'origine douteuse peut contenir une balise script, et le convertir produit une page qui embarque ce script. N'affichez jamais le Markdown d'inconnus sans nettoyer le HTML ensuite — la conversion n'est pas une barrière de sécurité et n'a jamais été conçue comme telle.

Deux éléments sont volontairement restitués sous forme de blocs de code plutôt qu'affichés. Les formules mathématiques en notation LaTeX exigent une bibliothèque de composition, et les diagrammes Mermaid un moteur de rendu de diagrammes — chacun est une dépendance lourde, et une équation mal rendue est pire qu'une équation visible telle quelle. Une page complète utilise les polices système ordinaires au lieu d'en télécharger, elle fonctionne donc hors ligne et s'affiche légèrement différemment sous Windows, macOS et Linux.

Si vous cherchez autre chose

Pandoc gère ce qui est laissé de côté ici, et bien plus encore : pandoc in.md -o out.html --mathjax --standalone --toc affiche correctement les formules, génère une table des matières et accepte un modèle pour que le résultat corresponde à votre site. Il convertit aussi depuis et vers une quarantaine d'autres formats, ce qui justifie de l'installer une bonne fois pour toutes.

Pour un site web plutôt qu'un fichier, utilisez un générateur au lieu de convertir les pages une à une. Hugo, Eleventy, Jekyll et MkDocs transforment un dossier de Markdown en site avec navigation, recherche et mise en forme cohérente, et le reconstruisent à chaque modification de la source — ce qui est le vrai travail dès qu'il y a plus d'un document.

Questions fréquentes

Page complète ou extrait HTML : que choisir ?

Une page complète est un seul fichier .html avec sa propre mise en forme, qui rend bien ouvert depuis votre bureau, sur un téléphone ou imprimé. Un extrait ne contient que le balisage du contenu, sans styles, à coller dans WordPress, Ghost, un CMS ou votre propre modèle.

Quelles fonctionnalités Markdown sont prises en charge ?

Le Markdown façon GitHub : tableaux avec alignement, listes de tâches, texte barré, liens automatiques, blocs de code délimités avec coloration syntaxique, notes de bas de page et HTML intégré. Les titres reçoivent des identifiants à la manière de GitHub, donc les liens comme #installation continuent de fonctionner.

Mon texte est-il conservé quelque part ?

Non. Rien n'est envoyé nulle part et rien n'est conservé.

Que deviennent mes images ?

Les chemins des images restent exactement tels que vous les avez écrits, donc la page fonctionne si elle est enregistrée à côté de votre dossier d'images. Déposez aussi les images : elles sont alors intégrées au fichier, qui fonctionne tout seul.

Le HTML peut-il être publié sans risque ?

Les scripts, formulaires, cadres intégrés et gestionnaires d'événements en ligne sont retirés de tout HTML présent dans votre Markdown, si bien que le résultat ne contient que de la mise en forme.

Puis-je ajouter une table des matières ?

Oui — cochez « Table des matières », ou placez [TOC] seul sur une ligne à l'endroit où la liste doit apparaître.

Bon à savoir : Les formules mathématiques et les diagrammes Mermaid sont restitués sous forme de blocs de code, sans rendu. Une page complète utilise les polices système courantes, elle s'affiche donc légèrement différemment sous Windows, macOS et Linux.

Intégrez cet outil à votre site

Gratuit pour tout blog, page de cours ou article d'aide. Collez un seul extrait de code et vos visiteurs pourront l'utiliser directement sur votre page.