Kurzreferenz

Premailer Spickzettel

Kurzreferenz für das CSS-Inliner-Werkzeug Premailer für HTML-E-Mails: benutzerdefinierte CSS-Attribute und Inline-Regeln.

· Veröffentlicht

Premailer bettet CSS-Stile inline in HTML-E-Mail-Vorlagen ein, um ein einheitliches Rendering über verschiedene E-Mail-Clients hinweg zu gewährleisten.

Benutzerdefinierte Attribut-Erweiterungen

Premailer unterstützt spezielle -premailer--CSS-Eigenschaften zur Steuerung von HTML-Tabellenattributen:

table, th, td {
  /* Setzt width-Attribut auf Tabellen- und Zell-Tags */
  -premailer-width: 600px;
}

table, tr, th, td {
  /* Setzt height-Attribut auf Elemente */
  -premailer-height: 50px;
}

table {
  /* Setzt HTML-Attribute auf dem table-Tag */
  -premailer-cellpadding: 0;
  -premailer-cellspacing: 0;
  -premailer-border: 0;
}

CLI-Nutzung

# Eingabe-HTML verarbeiten und Inlined-Ausgabe erzeugen
premailer input.html > output.html

# Entfernte HTML-Vorlage abrufen und verarbeiten
premailer https://example.com/newsletter.html > inlined.html

Ruby-API

require 'premailer'

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

# Inlined HTML ausgeben
File.open("output.html", "w") do |file|
  file.puts premailer.to_inline_css
end

# Reine Text-Alternative ausgeben
File.open("output.txt", "w") do |file|
  file.puts premailer.to_plain_text
end

Verwandte Themen