Referência rápida

Folha de Cola do Premailer

Guia de referência rápida para o Premailer: inlining de CSS para emails em HTML, atributos CSS customizados e regras de estilo inline.

· Publicado

Premailer aplica estilos CSS diretamente nas tags HTML de emails para assegurar uma renderização consistente entre clientes de email.

Extensões de Atributos Customizados

O Premailer suporta propriedades CSS especiais -premailer- para controlar atributos de tabelas HTML:

table, th, td {
  /* Definir atributo width nas tags de tabela e células */
  -premailer-width: 600px;
}

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

table {
  /* Definir atributos HTML na tag table */
  -premailer-cellpadding: 0;
  -premailer-cellspacing: 0;
  -premailer-border: 0;
}

Uso via CLI

# Processar arquivo HTML de entrada em saída com estilos inline
premailer input.html > output.html

# Obter modelo HTML remoto
premailer https://example.com/newsletter.html > inlined.html

API Ruby

require 'premailer'

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

# Gerar HTML com CSS inline
File.open("output.html", "w") do |file|
  file.puts premailer.to_inline_css
end

# Gerar alternativa em texto puro
File.open("output.txt", "w") do |file|
  file.puts premailer.to_plain_text
end

Temas relacionados