Guide

Markdown vers HTML pour l’e-mail

Écrivez en Markdown, envoyez du vrai HTML. Voici pourquoi l’e-mail a besoin d’une sortie différente de celle d’une page web, et comment l’obtenir.

Pourquoi le HTML normal se casse dans l’e-mail

Les clients de messagerie ne sont pas des navigateurs. Beaucoup suppriment ou ignorent les blocs <style>, les feuilles de style externes et la plupart du CSS moderne. Un HTML qui a l’air parfait sur une page web peut arriver dans une boîte de réception avec des polices par défaut, sans espacement et avec des tableaux cassés.

L’approche fiable consiste à placer les styles directement sur chaque élément avec l’attribut style. C’est exactement ce que fait le mode de sortie Sûr pour l’e-mail.

Ce que le convertisseur change

Choisir Sûr pour l’e-mail (styles en ligne) dans les Options convertit votre Markdown comme d’habitude, puis ajoute des styles en ligne à chaque élément :

<p style="margin:0 0 16px;font-size:16px;line-height:26px;color:#333333;">
  Hello from Markdown.
</p>

Les titres, paragraphes, liens, listes, citations, code, tableaux et lignes reçoivent des tailles, marges et couleurs explicites.
Les classes de coloration syntaxique sont désactivées, car les clients de messagerie ignorent les styles basés sur des classes.
La sortie est un fragment. Collez-le dans le corps de votre éditeur d’e-mail ou de newsletter.

Comment l’utiliser

Ouvrez le convertisseur avec la sortie Sûr pour l’e-mail sélectionnée.
Collez ou saisissez votre Markdown.
Vérifiez l’aperçu, puis choisissez Copier le HTML.
Collez-le dans l’éditeur HTML ou source de votre outil d’e-mail.

Avant d’envoyer

Utilisez des URL d’images absolues (https://…) et rédigez toujours un texte alternatif. Les chemins relatifs ne se résolvent pas dans une boîte de réception.
Envoyez-vous un test. Gmail, Outlook et Apple Mail affichent chacun un rendu légèrement différent, en particulier Outlook sur Windows.
Restez simple. Un contenu en une seule colonne se convertit de manière fiable. Les mises en page complexes multi-colonnes nécessitent un modèle d’e-mail dédié.
Pensez au mode sombre. Certains clients inversent automatiquement les couleurs, vérifiez donc le contraste dans les deux cas.
Laissez le nettoyage activé, sauf si vous faites entièrement confiance à la source de votre Markdown.

Ce que l’outil ne fait pas

Le convertisseur met en forme le contenu, pas la mise en page : il n’y a ni en-tête, ni pied de page, ni bouton, ni système de colonnes. Utilisez-le pour le corps textuel d’un message et combinez-le avec le modèle de votre plateforme d’e-mail pour le reste.

Convertir pour l’e-mail Aide-mémoire Markdown