Quels outils pour intégrer automatiquement le style CSS pour créer du code HTML de courrier électronique? [fermé]

Lorsque vous jetez un œil à http://www.campaignmonitor.com/css/, vous apprenez que vous devez incorporer des styles en ligne dans votre HTML, afin que votre e-mail puisse être lu dans n'importe quel client de messagerie.

Connaissez-vous des outils ou des scripts pour convertir automatiquement un fichier HTML avec une entrée déclarée en fichier HTML avec uniquement des attributs de style CCS en ligne?

Edit : Une solution Javascript (par exemple: http://www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/ )? Avec jQuery?

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

Voici une liste d'outils intégrés prêts à l'emploi basés sur le Web, certains ont été mentionnés précédemment. S'il y en a que j'ai manqué, n'hésitez pas à les modifier et à les ajouter. Je ne peux pas promettre que chacun fonctionne comme annoncé, alors laissez tomber les commentaires, mais ne tirez pas sur le messager ...

• Moniteur de campagne
• Mailchimp
• Premailer
• Styler en ligne
• Émogrificateur
• MailerMailer
• Tikku
• Mally

Et en voici un qui fonctionne à l'envers (désinsertion de votre css)

• Sortie CSS

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

Deux variantes 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é non plus mais je posterai si / quand je le fais.

J'ai écrit une bibliothèque Node.js appelée Styliner qui intègre CSS en Javascript côté serveur.

Il prend également en charge les feuilles de style MOINS (et prend en charge les plugins pour d'autres formats)

Vous voudrez peut-être jeter un œil à PostageApp .

L'une de ses fonctionnalités vraiment fortes est qu'il dispose d'un système de création de modèles très robuste qui peut automatiquement intégrer HTML et CSS sans aucun problème.

( Divulgation complète: je suis le chef de produit pour PostageApp.)

C'est peut-être un peu trop tard, mais si vous voulez rendre votre HTML le meilleur possible pour le marketing par e-mail (en insérant votre css et en utilisant un tas d'autres outils sympas), utilisez le Premailer . C'est gratuit, et bien sûr, réalisé en partenariat avec CampaignMonitor lui-même.

J'espère que ça aide.

Je suis un peu en retard au match, mais j'espère que cela aidera quelqu'un.

J'ai trouvé cette jolie petite méthode jQuery / javascript qui peut être intégrée dans une page - http://devintorr.es/blog/2010/05/26/turn-css-rules-into-inline-style-attributes-using-jquery /

Je l'ai un peu modifié pour prendre en charge IE et également pour prendre en charge une page avec plusieurs fichiers CSS attachés en appliquant des styles dans le bon ordre.

$(document).ready(function ($) {
            var rules;
            for(var i = document.styleSheets.length - 1; i >= 0; i--){
                if(document.styleSheets[i].cssRules)
                    rules = document.styleSheets[i].cssRules;
                else if(document.styleSheets[i].rules)
                    rules = document.styleSheets[i].rules;
                for (var idx = 0, len = rules.length; idx < len; idx++) {
                    if(rules[idx].selectorText.indexOf("hover") == -1) {
                        $(rules[idx].selectorText).each(function (i, elem) {
                            elem.style.cssText = rules[idx].style.cssText + elem.style.cssText;
                        });
                    }
                }
            }
            $('style').remove();
            $('script').remove();
            $('link').remove();
        });

La page peut ensuite être copiée / collée dans le corps de l'e-mail.

Il ne suffit pas de simplement intégrer votre CSS. Il n'y a pas de normes observées sur la façon dont un e-mail HTML sera affiché dans le client de messagerie utilisé. Ils le font tous différemment, et plus vous concevez votre e-mail, plus il est probable qu'il brisera un plus grand nombre de clients. De nombreux professionnels de cet espace utilisent simplement des images et des tableaux et peut-être des couleurs d'arrière-plan, mais rien d'autre. Incluez toujours un lien vers un site Web contenant une copie de travail de l'e-mail et fournissez toujours une variante en texte brut.

Une solution javascript de tikku ici: https://tikku.com/open-source/utilities/css-inline-transformer/

Un autre de mailchimp - http://beaker.mailchimp.com/inline-css

Pour les programmeurs PHP: vérifiez ce convertisseur en ligne ou ce script PHP pour le faire.