Szybka pomoc

Ściągawka z Premailer

Krótki przewodnik po narzędziu Premailer do inliningu CSS w wiadomościach HTML: niestandardowe atrybuty CSS i reguły stylów liniowych.

· Opublikowano

Premailer przekształca style CSS na style liniowe w szablonach wiadomości e-mail HTML, zapewniając spójne wyświetlanie w programach pocztowych.

Rozszerzenia Niestandardowych Atrybutów

Premailer obsługuje specjalne właściwości CSS -premailer- do kontrolowania atrybutów tabel HTML:

table, th, td {
  /* Ustaw atrybut width dla tabeli i komórek */
  -premailer-width: 600px;
}

table, tr, th, td {
  /* Ustaw atrybut height dla elementów */
  -premailer-height: 50px;
}

table {
  /* Ustaw atrybuty HTML dla znacznika table */
  -premailer-cellpadding: 0;
  -premailer-cellspacing: 0;
  -premailer-border: 0;
}

Użycie w Linii Poleceń (CLI)

# Przetwórz plik wejściowy HTML na wynik z osadzonymi stylami
premailer input.html > output.html

# Pobierz zdalny szablon HTML
premailer https://example.com/newsletter.html > inlined.html

Ruby API

require 'premailer'

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

# Zapisz wynikowy HTML z osadzonym CSS
File.open("output.html", "w") do |file|
  file.puts premailer.to_inline_css
end

# Zapisz alternatywną wersję tekstową
File.open("output.txt", "w") do |file|
  file.puts premailer.to_plain_text
end

Powiązane tematy