Chuleta de Premailer

Premailer inserta estilos CSS directamente en las etiquetas de plantillas de correo HTML para asegurar una visualización consistente.

Extensiones de Atributos Personalizados

Premailer admite propiedades CSS especiales -premailer- para controlar atributos de tablas HTML:

table, th, td {
  /* Establecer atributo width en tablas y celdas */
  -premailer-width: 600px;
}

table, tr, th, td {
  /* Establecer atributo height en elementos */
  -premailer-height: 50px;
}

table {
  /* Establecer atributos HTML en la etiqueta table */
  -premailer-cellpadding: 0;
  -premailer-cellspacing: 0;
  -premailer-border: 0;
}

Uso desde la CLI

# Procesar archivo HTML de entrada e insertar estilos
premailer input.html > output.html

# Descargar plantilla HTML remota e insertar estilos
premailer https://example.com/newsletter.html > inlined.html

API de Ruby

require 'premailer'

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

# Generar HTML con estilos en línea
File.open("output.html", "w") do |file|
  file.puts premailer.to_inline_css
end

# Generar alternativa en texto plano
File.open("output.txt", "w") do |file|
  file.puts premailer.to_plain_text
end