Premailer Cheatsheet

Το Premailer ενσωματώνει στυλ CSS απευθείας σε πρότυπα email HTML για συνεπή εμφάνιση σε όλους τους clients.

Προσαρμοσμένες Επεκτάσεις Χαρακτηριστικών

Το Premailer υποστηρίζει ειδικές ιδιότητες CSS -premailer- για τον έλεγχο χαρακτηριστικών πινάκων HTML:

table, th, td {
  /* Ορισμός χαρακτηριστικού width σε πίνακες και κελιά */
  -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