Riferimento rapido

Cheat Sheet Premailer

Guida rapida per Premailer: inlining CSS per email HTML, attributi CSS personalizzati e regole di stile inline.

· Pubblicato

Premailer inserisce gli stili CSS inline nei template di email HTML per garantire un rendering coerente.

Estensioni di Attributi Personalizzati

Premailer supporta speciali proprietà CSS -premailer- per controllare gli attributi delle tabelle HTML:

table, th, td {
  /* Imposta attributo width su tabelle e celle */
  -premailer-width: 600px;
}

table, tr, th, td {
  /* Imposta attributo height sugli elementi */
  -premailer-height: 50px;
}

table {
  /* Imposta attributi HTML sul tag table */
  -premailer-cellpadding: 0;
  -premailer-cellspacing: 0;
  -premailer-border: 0;
}

Utilizzo da Riga di Comando (CLI)

# Elabora file HTML in output con stili inline
premailer input.html > output.html

# Recupera template HTML remoto
premailer https://example.com/newsletter.html > inlined.html

API Ruby

require 'premailer'

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

# Output HTML con stili inline
File.open("output.html", "w") do |file|
  file.puts premailer.to_inline_css
end

# Output alternativo in testo normale
File.open("output.txt", "w") do |file|
  file.puts premailer.to_plain_text
end

Argomenti correlati