เครื่องมือใดในการสร้างสไตล์ CSS แบบอินไลน์โดยอัตโนมัติเพื่อสร้างโค้ด HTML ของอีเมล [ปิด]

เมื่อคุณดูที่http://www.campaignmonitor.com/css/คุณได้เรียนรู้ว่าคุณจำเป็นต้องฝังสไตล์อินไลน์ใน HTML ของคุณเพื่อให้สามารถอ่านอีเมลของคุณในโปรแกรมรับส่งเมลใด ๆ

คุณรู้หรือไม่ว่าเครื่องมือหรือสคริปต์ใด ๆ ในการแปลงไฟล์ HTML โดยอัตโนมัติโดยประกาศเป็นไฟล์ HTML ที่มีแอตทริบิวต์สไตล์ CCS แบบอินไลน์เท่านั้น

แก้ไข : โซลูชัน Javascript ใด ๆ (เช่น: http://www.robertnyman.com/2006/04/24/get-the-rendered-style-of-an-element/ )? ด้วย jQuery?

ตรวจสอบตัวแปลงออนไลน์premailer.dialect.caหรือสคริปต์ Pythonนี้เพื่อทำ

นี่คือรายการของเครื่องมือฝังในเว็บที่พร้อมใช้งานซึ่งมีการกล่าวถึงก่อนหน้านี้ หากมีสิ่งใดที่ฉันพลาดไปอย่าลังเลที่จะแก้ไขและเพิ่มเข้าไป ฉันไม่สามารถสัญญาว่าแต่ละงานจะทำงานตามที่โฆษณาดังนั้นโปรดแสดงความคิดเห็น แต่อย่ายิงผู้ส่งสาร ...

• การตรวจสอบแคมเปญ
• MailChimp
• Premailer
• อินไลน์สไตเลอร์
• Emogrifier
• MailerMailer
• Tikku
• ปกปิด

และนี่คือสิ่งที่ทำงานในลักษณะย้อนกลับ (ยกเลิกการใส่ css ของคุณ)

• CSS ออก

หากคุณต้องการที่จะมีวิธีการแก้ปัญหา PHP, คุณสามารถลองCssToInlineStyles

C # สองตัวแปร:

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

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

ยังไม่ได้ทดสอบอย่างใดอย่างหนึ่ง แต่จะโพสต์กลับถ้า / เมื่อฉันทำ

ฉันเขียนไลบรารี Node.js ชื่อStylinerที่แทรก CSS ใน Javascript ฝั่งเซิร์ฟเวอร์

รองรับ LESS สไตล์ชีทด้วย (และรองรับปลั๊กอินสำหรับรูปแบบอื่น ๆ )

คุณอาจต้องการที่จะดูที่PostageApp

หนึ่งในคุณสมบัติที่แข็งแกร่งจริงๆคือมีระบบเทมเพลตที่แข็งแกร่งมากซึ่งสามารถแทรก HTML และ CSS โดยอัตโนมัติโดยไม่มีปัญหาใด ๆ

(การเปิดเผยข้อมูลทั้งหมด:ฉันเป็นผู้จัดการผลิตภัณฑ์ของ PostageApp)

นี้อาจจะเป็นเพียงเล็กน้อยสายเกินไป แต่ถ้าคุณต้องการที่จะทำให้ HTML ของคุณที่ดีที่สุดสำหรับการตลาดอีเมล (โดยอินไลน์ CSS ของคุณและใช้พวงของเครื่องมือเย็นอื่น ๆ ) ให้ใช้Premailer ฟรีและแน่นอนทำร่วมกับ CampaignMonitor เอง

หวังว่าจะช่วยได้

ฉันเล่นเกมช้าไปหน่อย แต่หวังว่านี่จะช่วยใครบางคนได้

ฉันพบวิธี jQuery / javascript เล็ก ๆ น้อย ๆ ที่สามารถฝังลงในหน้าได้ - http://devintorr.es/blog/2010/05/26/turn-css-rules-into-inline-style-attributes-using-jquery /

ฉันได้แก้ไขเล็กน้อยเพื่อรองรับ IE และรองรับเพจที่แนบไฟล์ CSS หลายไฟล์โดยใช้สไตล์ตามลำดับที่ถูกต้อง

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

จากนั้นสามารถคัดลอก / วางหน้าลงในเนื้อหาอีเมลได้

การแทรก CSS ของคุณเพียงอย่างเดียวไม่เพียงพอ ไม่มีมาตรฐานที่สังเกตได้ว่าอีเมล HTML จะแสดงอย่างไรในโปรแกรมรับส่งเมลใด ๆ ที่ใช้ พวกเขาล้วนทำแตกต่างกันไปและยิ่งคุณออกแบบอีเมลของคุณมากเท่าไหร่ก็ยิ่งมีโอกาสที่อีเมลจะทำลายลูกค้าได้มาก ผู้เชี่ยวชาญหลายคนในพื้นที่นี้ใช้เพียงแค่รูปภาพและตารางและอาจใช้สีพื้นหลังบ้าง แต่ไม่มีอะไรอื่น รวมลิงก์ไปยังเว็บไซต์ที่มีสำเนาอีเมลที่ใช้งานได้และระบุรูปแบบข้อความธรรมดาเสมอ

โซลูชันจาวาสคริปต์โดย tikku ที่นี่: https://tikku.com/open-source/utilities/css-inline-transformer/

อีกอันจาก mailchimp - http://beaker.mailchimp.com/inline-css

สำหรับโปรแกรมเมอร์ PHP: ตรวจสอบตัวแปลงออนไลน์หรือสคริปต์ PHPนี้เพื่อทำ