Краткий справочник

Шпаргалка по Premailer

Краткий справочник по инструменту встраивания CSS для HTML-писем Premailer: специальные атрибуты, CLI и Ruby API.

· Опубликовано

Premailer встраивает стили CSS непосредственно в теги HTML-шаблонов писем для единообразного отображения во всех почтовых клиентах.

Специальные расширения атрибутов

Premailer поддерживает специальные CSS-свойства с префиксом -premailer- для управления атрибутами таблиц HTML:

table, th, td {
  /* Установка атрибута width на теги table и ячейки */
  -premailer-width: 600px;
}

table, tr, th, td {
  /* Установка атрибута height на элементы */
  -premailer-height: 50px;
}

table {
  /* Установка HTML-атрибутов на тег table */
  -premailer-cellpadding: 0;
  -premailer-cellspacing: 0;
  -premailer-border: 0;
}

Использование в командной строке (CLI)

# Обработка входного HTML-файла в файл со встроенными стилями
premailer input.html > output.html

# Загрузка удаленного HTML-шаблона
premailer https://example.com/newsletter.html > inlined.html

Ruby API

require 'premailer'

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

# Вывод HTML со встроенными стилями
File.open("output.html", "w") do |file|
  file.puts premailer.to_inline_css
end

# Вывод текстовой версии
File.open("output.txt", "w") do |file|
  file.puts premailer.to_plain_text
end

Связанные темы