Référence rapide

Aide-mémoire Premailer

Guide de référence rapide pour Premailer : inlining CSS pour emails HTML, attributs CSS personnalisés et règles de style en ligne.

· Publié le

Premailer intègre les styles CSS en ligne dans les modèles d'emails HTML pour un rendu cohérent sur les clients de messagerie.

Extensions d'Attributs Personnalisés

Premailer prend en charge des propriétés CSS spéciales -premailer- pour contrôler les attributs des tableaux HTML :

table, th, td {
  /* Définir l'attribut width sur les balises de tableau et de cellule */
  -premailer-width: 600px;
}

table, tr, th, td {
  /* Définir l'attribut height sur les éléments */
  -premailer-height: 50px;
}

table {
  /* Définir les attributs HTML sur la balise table */
  -premailer-cellpadding: 0;
  -premailer-cellspacing: 0;
  -premailer-border: 0;
}

Utilisation en Ligne de Commande

# Traiter le fichier HTML d'entrée en sortie avec CSS en ligne
premailer input.html > output.html

# Récupérer un modèle HTML distant
premailer https://example.com/newsletter.html > inlined.html

API Ruby

require 'premailer'

premailer = Premailer.new('email.html', warn_level: Premailer::Warnings::SAFE)

# Sortie HTML avec CSS en ligne
File.open("output.html", "w") do |file|
  file.puts premailer.to_inline_css
end

# Sortie alternative en texte brut
File.open("output.txt", "w") do |file|
  file.puts premailer.to_plain_text
end

Sujets associés