Referință rapidă

Cheat Sheet Premailer

Ghid de referință rapidă pentru Premailer: inlining CSS pentru emailuri HTML, atribute CSS personalizate și reguli de stil inline.

· Publicat

Premailer transformă stilurile CSS în stiluri inline în șabloanele de email HTML pentru o randare uniformă în clienții de email.

Extensii de Atribute Personalizate

Premailer acceptă proprietăți speciale CSS -premailer- pentru a controla atributele tabelelor HTML:

table, th, td {
  /* Setează atributul width pe tabele și celule */
  -premailer-width: 600px;
}

table, tr, th, td {
  /* Setează atributul height pe elemente */
  -premailer-height: 50px;
}

table {
  /* Setează atribute HTML pe eticheta table */
  -premailer-cellpadding: 0;
  -premailer-cellspacing: 0;
  -premailer-border: 0;
}

Utilizare în CLI

# Procesează fișierul HTML de intrare în ieșire inline
premailer input.html > output.html

# Preluare șablon HTML la distanță
premailer https://example.com/newsletter.html > inlined.html

API Ruby

require 'premailer'

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

# Salvează HTML cu stiluri inline
File.open("output.html", "w") do |file|
  file.puts premailer.to_inline_css
end

# Salvează alternativă în text simplu
File.open("output.txt", "w") do |file|
  file.puts premailer.to_plain_text
end

Subiecte conexe