Quali sono gli strumenti per automaticamente stile CSS in linea per creare e-mail il codice HTML? [chiuso]

Question

Quando si dà un'occhiata a http://www.campaignmonitor.com/css/ voi impara che è necessario incorporare stili inline nel codice HTML, in modo che la tua email per essere letto in qualsiasi client di posta.

Sai strumenti o script per convertire automaticamente un file HTML con una dichiarata in un file HTML con la sola linea attributi di stile CCS?

Modifica : Ogni soluzione Javascript (vale a dire: http://www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/ )? Con jQuery?

Answer 1

Controllare il href="http://premailer.dialect.ca/" rel="noreferrer"> premailer.dialect.ca convertitore script Python per farlo.

Answer 2

Ecco un elenco di web based pronto a utilizzare gli strumenti di inline, un paio sono stati menzionati in precedenza. Se ci sono che ho perso, sentitevi liberi di modificare e aggiungerli. Non posso promettere ciascuno funziona come pubblicizzato, in modo da rilasciare commenti, ma non sparare al messaggero ...

• Campaign Monitor
• Mailchimp
• Premailer
• Inline Styler
• Emogrifier
• MailerMailer
• Tikku
• Mally

E qui è uno che funziona al contrario (non-inlining tuo css)

• CSS Out

Answer 3

Se si desidera avere una soluzione PHP, si può provare a CssToInlineStyles .

Answer 4

Due C # varianti:

http://chrispebble.com/Blog/7/ inline-a-css-stylesheet-con-c

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

Non ho ancora testato sia come ancora, ma sarà post indietro se / quando lo faccio.

Answer 5

Ho scritto una libreria Node.js chiamato Styliner che inline CSS nel server-side JavaScript.

supporta i fogli di stile MENO così (e supporta i plugin per altri formati)

Answer 6

Si potrebbe voler dare un'occhiata a PostageApp .

Una delle sue caratteristiche molto forti è che ha un sistema di templating molto robusto che può automaticamente Inline HTML e CSS senza problemi.

( Full Disclosure:. Sono il Product Manager per PostageApp)

Answer 7

Questo può essere un po 'troppo tardi, ma se si vuole fare il codice HTML il migliore possibile per l'e-mail marketing (da inlining il CSS, e l'utilizzo di una serie di altri strumenti di fresco), utilizzare il Premailer . Il suo libero, e, naturalmente, realizzato in collaborazione con CampaignMonitor sé.

Speranza che aiuta.

Answer 8

Non è sufficiente per inline semplicemente il vostro CSS. Non ci sono standard osservati su come una e-mail HTML verrà mostrato in qualsiasi client di posta elettronica viene utilizzato. Lo fanno tutti in modo diverso, e più si progettare la tua email il più probabile è che si romperà in una maggiore quantità di clienti. Molti professionisti in questo spazio è sufficiente utilizzare immagini e tabelle e forse alcuni colori di sfondo, ma nient'altro. Sempre includere un link a un sito web che ha una copia di lavoro del email e sempre fornire una variante di testo.

Answer 9

Sono un po 'tardi per il gioco, ma spero che questo vi aiuterà qualcuno.

Ho trovato questo bel po '/ metodo javascript jQuery che può essere inserito in una pagina - http://devintorr.es/blog/2010/05/26/turn-css-rules-into-inline-style-attributes-using-jquery/

Ho modificato un po 'per supportare IE e anche per sostenere una pagina con più file CSS allegati applicando stili nell'ordine corretto.

$(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 pagina può quindi essere copia / incollato nel corpo dell'e-mail.

Answer 10

Una soluzione javascript da tikku qui: https://tikku.com/open-source/utilities/css-inline -Trasformatore /

Answer 11

Un altro da MailChimp - http://beaker.mailchimp.com/inline-css

Answer 12

Per i programmatori PHP: controllare questo convertitore online o questo script PHP per farlo.