Quels sont les outils permettant de créer automatiquement un style CSS en ligne pour créer le code HTML d'un courriel ?

Question

Quand on jette un coup d'oeil à http://www.campaignmonitor.com/css/ vous apprenez que vous devez intégrer des styles en ligne dans votre HTML pour que votre courriel puisse être lu par n'importe quel client de messagerie.

Connaissez-vous un outil ou un script permettant de convertir automatiquement un fichier HTML avec une déclaration en un fichier HTML avec uniquement des attributs de style CCS en ligne ?

Modifier : Toute solution Javascript ( ie : http://www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/ ) ? Avec jQuery ?

Answer 1

Vérifiez le premailer.dialecte.ca convertisseur en ligne ou ce Python script pour le faire.

Answer 2

Voici une liste d'outils d'alignement prêts à l'emploi basés sur le Web, dont certains ont déjà été mentionnés. S'il y en a que j'ai oublié, n'hésitez pas à les modifier et à les ajouter. Je ne peux pas vous promettre que chacun d'entre eux fonctionnera comme prévu, alors laissez vos commentaires, mais ne tirez pas sur le messager...

• Moniteur de campagne
• Mailchimp
• Prémailer
• Styliste en ligne
• Emogrifiant
• MailerMailer
• Tikku
• Mally

Et en voici une qui fonctionne à l'inverse (en déliant vos css)

• CSS Out

Answer 3

Si vous souhaitez avoir une solution PHP, vous pouvez essayer CssToInlineStyles .

Answer 4

Deux variantes de C# :

http://chrispebble.com/Blog/7/inlining-a-css-stylesheet-with-c

PreMailer.Net - https://github.com/milkshakesoftware/PreMailer.Net

Je n'ai pas encore testé l'un ou l'autre, mais je ferai un compte-rendu si/quand je le ferai.

Answer 5

Il ne suffit pas de mettre votre CSS en ligne. Il n'y a pas de normes observées quant à la manière dont un courriel HTML s'affichera dans le client de messagerie utilisé, quel qu'il soit. Ils font tous les choses différemment, et plus vous concevez votre courriel, plus il y a de chances qu'il se brise dans un grand nombre de clients. De nombreux professionnels de ce secteur se contentent d'utiliser des images et des tableaux et peut-être quelques couleurs de fond, mais rien d'autre. Incluez toujours un lien vers un site Web qui propose une copie fonctionnelle de l'e-mail et fournissez toujours une variante en texte brut.