E-posta HTML kodu oluşturmak için CSS stilini otomatik olarak satır içi yapmak için hangi araçlar? [kapalı]

Http://www.campaignmonitor.com/css/ adresine baktığınızda, e-postanızın herhangi bir posta istemcisinde okunması için HTML'nize satır içi stilleri yerleştirmeniz gerektiğini öğrenirsiniz.

Bildirilmiş bir HTML dosyasını yalnızca satır içi CCS stil niteliklerine sahip bir HTML dosyasına otomatik olarak dönüştürmek için herhangi bir araç veya komut dosyası biliyor musunuz?

Düzenleme : Herhangi bir Javascript çözümü (yani: http://www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/ )? JQuery ile mi?

Bunu yapmak için premailer.dialect.ca çevrimiçi dönüştürücüyü veya bu Python komut dosyasını kontrol edin.

İşte web tabanlı kullanıma hazır satır içi araçlarının bir listesi, daha önce birkaçından bahsedilmişti. Kaçırdığım herhangi bir şey varsa, onları düzenlemekten ve eklemekten çekinmeyin. Her işin ilan edildiği gibi söz veremem, bu yüzden yorumları bırakın, ancak haberciyi vurmayın ...

• Kampanya İzleme
• Mailchimp
• Premailer
• Satır İçi Şekillendirici
• Emogrifier
• MailerMailer
• Tikku
• Mally

Ve işte ters yönde çalışan bir tane (css'inizi ters çevirerek)

• CSS Çıkışı

Bir PHP çözümüne sahip olmak istiyorsanız, CssToInlineStyles'ı deneyebilirsiniz .

İki C # değişkeni:

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

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

Henüz ikisini de test etmedim, ancak yaparsam / yaptığımda geri göndereceğim.

Styliner adında bir Node.js kitaplığı yazdımCSS'yi sunucu tarafı Javascript'te .

LESS stil sayfalarını da destekler (ve diğer formatlar için eklentileri destekler)

PostageApp'e bir göz atmak isteyebilirsiniz .

Gerçekten güçlü özelliklerinden biri, HTML ve CSS'yi herhangi bir sorun olmadan otomatik olarak satır içi yapabilen çok sağlam bir şablonlama sistemine sahip olmasıdır.

( Tam Açıklama: Ben PostageApp Ürün Yöneticisiyim.)

Bu biraz geç olabilir, ancak HTML'nizi e-posta pazarlaması için mümkün olan en iyi hale getirmek istiyorsanız ( css'nizi satır içine alarak ve bir dizi başka harika araç kullanarak), Premailer'ı kullanın. . Ücretsizdir ve elbette CampaignMonitor ile ortaklaşa yapılmıştır.

Umarım yardımcı olur.

Oyuna biraz geç kaldım ama umarım bu birine yardımcı olur.

Bir sayfaya gömülebilen bu küçük jQuery / javascript yöntemini buldum - http://devintorr.es/blog/2010/05/26/turn-css-rules-into-inline-style-attributes-using-jquery /

IE'yi desteklemek ve ayrıca stilleri doğru sırayla uygulayan birden fazla CSS dosyası içeren bir sayfayı desteklemek için biraz düzenledim.

$(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();
        });

Sayfa daha sonra e-posta gövdesine kopyalanabilir / yapıştırılabilir.

Sadece CSS'nizi satır içi yapmak yeterli değildir. Hangi e-posta istemcisi kullanılırsa kullanılsın, HTML e-postanın nasıl gösterileceğine dair gözlemlenen standartlar yoktur. Hepsi bunu farklı şekilde yapıyor ve e-postanızı ne kadar çok tasarlarsanız, daha fazla sayıda istemciye girme olasılığı o kadar artar. Bu alandaki pek çok profesyonel sadece resimleri ve tabloları ve belki bazı arka plan renklerini kullanır, ancak başka hiçbir şey kullanmaz. Her zaman e-postanın çalışan bir kopyasını içeren bir web sitesine bağlantı ekleyin ve her zaman düz metin varyantı sağlayın.

Burada tikku tarafından bir javascript çözümü: https://tikku.com/open-source/utilities/css-inline-transformer/

Mailchimp'ten bir tane daha - http://beaker.mailchimp.com/inline-css

PHP programcıları için: Bunu yapmak için bu çevrimiçi dönüştürücüyü veya bu PHP komut dosyasını kontrol edin .