Conversion de CSS externe en CSS incorporé pour le courrier dans les rails

Je suis en train de créer une application qui se chargera d'envoyer le style lourd e-mails et ont demandé aux clients de travailler à l'exception de Google Gmail. J'ai fait des recherches sur la question et il semble que Gmail bandes CSS à partir de fichiers externes ou CSS imbriqués dans le "style" de la balise. Un moyen facile de déplacer un style à partir d'un fichier externe pour être inline?

Quelque chose qui va prendre:

<style>
.wide { width: 100px; }
.cell { display: block; }
</style>
<span class="wide cell">Sample</span>

Et de le convertir:

<div class="wide cell" style="width: 100px; display: block;">Sample</div>

Merci!

source d'informationauteur Kevin Sylvestre

  1. 36

    Ici sont un couple de gemmes que vous pouvez consulter:

    Je n'ai pas de gagnant au moment de l'écriture de cette réponse, mais premailer semble être le plus up-to-date.

  2. 6

    Ajouté premailer:

    def premailer(message)
  message.text_part.body = Premailer.new(message.text_part.body.to_s, with_html_string: true).to_plain_text
  message.html_part.body = Premailer.new(message.html_part.body.to_s, with_html_string: true).to_inline_css

  return message
end

def welcome(user)
  @user = user

  message = mail ...
end
  3. 4

    Il y a juste un problème avec votre raisonnement.....bon nombre de styles, même en ligne, ne sont pas pris en charge.

    Voici une référence pour ce qui est pris en charge dans des e-mails

    Dans votre exemple, vous utilisez l'affichage: affichage de la balise, ce qui n'est pas pris en charge par Outlook 07+

    Mon entreprise envoie des milliers de mails par jour et j'ai souvent un coup de main dans leur construction. Dans la pratique, les styles en ligne de travail, mais il n'est pas aussi simple que juste au-doublure tout et il va fonctionner. Vous devez être extrêmement prudent sur ce que vous utilisez et comment vous l'utilisez. J'ai eu recours à mes débuts, de faire presque tout dans le plus pur HTML avec des tableaux pour la mise en page. En gros, c'est le seul moyen que j'ai trouvé pour obtenir des choses à travailler de près de 100% du temps.

    Si vous êtes à la construction de cette fonctionnalité dans une application qui va obtenir beaucoup de l'utilisation, je voudrais aussi fortement recommandé de créer dans E-mail à l'Acide via leur API. Alors que vous pouvez de code d'une très bonne qualité de sortie, Microsoft va sans doute trouver un moyen de rendre la validité de votre code ne fonctionne pas. E-mail sur l'Acide rendra à l'aide de quelque folie de Microsoft est utilisé à la fois pour vous montrer si votre e-mail fonctionne. C'est du pur génie et d'utilisation nécessaire pour ceux qui sont sérieux au sujet de l'envoi d'une tonne de courriels. Et non, je ne travaille pas pour la société....