Aller au contenu principal

Markdown vers HTML

Transformez titres, emphases, liens, listes, citations et blocs de code Markdown en HTML localement.

  • Presse-papiers
  • Export
Automatiser

Intégrer ce widget

Personnalisez le rendu, vérifiez l’aperçu puis copiez le code.

Aperçu

Type de code d’intégration

Code à copier

Responsive et redimensionné automatiquement par Bethemesh.

Cet outil vous a-t-il été utile ?

Comment fonctionne cet outil ?

Convertissez un texte Markdown en code HTML propre, prêt à coller dans un CMS, une newsletter, une page statique ou un modèle d’e-mail. Titres, paragraphes, listes, citations, tableaux, blocs de code, liens et images deviennent les balises HTML correspondantes. La conversion est réalisée dans votre navigateur, sans envoyer le contenu.

Le convertisseur applique les règles courantes de CommonMark : # à ###### deviennent <h1> à <h6>, les lignes consécutives forment un seul <p>, les puces donnent un <ul> et les listes numérotées un <ol> (avec l’attribut start si la liste ne commence pas à 1). Les citations deviennent <blockquote>, les blocs entre ``` un <pre><code> avec la classe language-…, les tableaux de type GitHub un <table> avec <thead> et <tbody>.

Dans le texte, **gras** et __gras__ donnent <strong>, *italique* et _italique_ donnent <em>, `code` donne <code>, [texte](adresse) un lien et ![texte](image) une image. Le contenu du code en ligne est conservé tel quel : les astérisques d’un `a*b*c` ne deviennent pas de l’italique.

Les caractères spéciaux (<, >, &, guillemets) sont échappés, si bien qu’un HTML écrit dans la source s’affiche comme du texte au lieu d’être recopié. Les adresses en javascript:, vbscript: ou data: ne sont jamais placées dans un lien ou une image : seul leur texte est conservé.

Comment utiliser cet outil ?

  1. Coller le Markdown

    Saisissez ou importez le texte dans le champ « Source Markdown ».

  2. Convertir

    Lancez la conversion : chaque bloc devient une balise HTML sur sa propre ligne.

  3. Copier le HTML

    Copiez ou exportez le code, puis vérifiez son rendu dans la page de destination.

Cas d'utilisation

Publier dans un CMS

Rédigez en Markdown puis collez le HTML dans un éditeur qui n’accepte que le code HTML.

Préparer une newsletter

Transformez un brouillon Markdown en HTML pour un outil d’e-mailing.

Alimenter un Pipeline

Enchaînez formatage, conversion et export dans un traitement automatique.

Exemples

Titre, paragraphe et liste

Les deux lignes du paragraphe sont réunies dans un seul <p>.

Entrée

## Installation

Lancez la commande
`npm install` puis relisez.

1. Télécharger
2. Installer

Résultat

<h2>Installation</h2>
<p>Lancez la commande <code>npm install</code> puis relisez.</p>
<ol>
<li>Télécharger</li>
<li>Installer</li>
</ol>

Tableau

La ligne de tirets sous l’en-tête signale le tableau.

Entrée

| Outil | Prix |
| --- | --- |
| Bethemesh | 0 € |

Résultat

<table><thead><tr><th>Outil</th><th>Prix</th></tr></thead><tbody><tr><td>Bethemesh</td><td>0 €</td></tr></tbody></table>

Conseils et bonnes pratiques

  • Le HTML produit ne contient aucun style : son apparence dépend de la feuille de style du site où vous le collez.
  • Les chemins d’images relatifs (img/logo.png) sont recopiés tels quels : vérifiez qu’ils existent aussi sur le site de destination.
  • Pour voir le rendu avant de copier le code, utilisez l’Aperçu Markdown ; pour la conversion inverse, utilisez Convertir du HTML en Markdown.

Sources et références

Questions fréquentes

Quels éléments Markdown sont convertis ?

Titres, paragraphes, listes à puces et numérotées, citations, séparateurs, blocs de code, tableaux, gras, italique, code en ligne, liens et images.

Le HTML est-il sécurisé ?

Les caractères spéciaux sont échappés et les adresses javascript:, vbscript: et data: sont écartées. Vérifiez néanmoins le code avant de l’insérer dans un site, comme tout contenu externe.

Les extensions comme les cases à cocher ou les notes de bas de page sont-elles prises en charge ?

Non. Elles restent sous forme de texte. Seuls les tableaux sont repris des extensions de GitHub.

Le HTML produit est-il une page complète ?

Non, c’est un fragment à insérer dans une page existante. Pour télécharger une page .html autonome, utilisez l’export de l’Aperçu Markdown.

Mon texte est-il envoyé en ligne ?

Non. La conversion est faite dans votre navigateur.

Outils associés

Des outils similaires ou complémentaires à celui-ci.

Outils similaires

Convertissez du HTML en Markdown lisible et portable, directement dans votre navigateur.

Texte & rédactionUtiliser l’outil

Rédigez du Markdown et affichez instantanément le rendu HTML.

Texte & rédactionUtiliser l’outil

Générez du faux texte Lorem Ipsum pour vos maquettes, prototypes et tests de mise en page.

Texte & rédactionMis en avantUtiliser l’outil