Công cụ nào để tự động nội tuyến kiểu CSS để tạo mã HTML email? [đóng cửa]

Khi bạn xem tại http://www.campaignmonitor.com/css/, bạn biết rằng bạn cần phải nhúng các kiểu nội tuyến trong HTML của mình để email của bạn có thể đọc được trong bất kỳ ứng dụng thư nào.

Bạn có biết bất kỳ công cụ hoặc tập lệnh nào để tự động chuyển đổi tệp HTML có khai báo trong tệp HTML chỉ có thuộc tính kiểu CCS nội tuyến không?

Chỉnh sửa : Bất kỳ giải pháp Javascript nào (tức là: http://www.robertnyman.com/2006/04/24/get-the-render-style-of-an-element/ )? Với jQuery?

Kiểm tra trình chuyển đổi trực tuyến premailer.dialect.ca hoặc tập lệnh Python này để thực hiện.

Dưới đây là danh sách các công cụ dựa trên web sẵn sàng sử dụng nội tuyến, một vài công cụ đã được đề cập trước đây. Nếu có bất kỳ điều gì tôi đã bỏ qua, vui lòng chỉnh sửa và thêm chúng. Tôi không thể hứa mỗi tác phẩm như quảng cáo, vì vậy hãy thả bình luận, nhưng đừng bắn người đưa tin ...

• Giám sát chiến dịch
• Mailchimp
• Người gửi thư trước
• Inline Styler
• Bộ tạo cảm xúc
• MailerMailer
• Tikku
• Mally

Và đây là một trong những hoạt động ngược lại (bỏ nội dòng css của bạn)

• CSS Out

Nếu bạn muốn có một giải pháp PHP, bạn có thể thử CssToInlineStyles .

Hai biến thể C #:

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

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

Chưa thử nghiệm nhưng sẽ đăng lại nếu / khi tôi làm.

Tôi đã viết một thư viện Node.js có tên là Styliner nội tuyến CSS trong Javascript phía máy chủ.

Nó cũng hỗ trợ LESS bảng định kiểu (và hỗ trợ plugin cho các định dạng khác)

Bạn có thể muốn xem qua PostageApp .

Một trong những tính năng thực sự mạnh mẽ của nó là nó có một hệ thống tạo khuôn mẫu rất mạnh mẽ có thể tự động nội tuyến HTML và CSS mà không gặp bất kỳ vấn đề nào.

( Tiết lộ đầy đủ: Tôi là Giám đốc sản phẩm của PostageApp.)

Điều này có thể hơi muộn, nhưng nếu bạn muốn làm cho HTML của mình trở nên tốt nhất có thể cho tiếp thị qua e-mail (bằng cách nội tuyến css của bạn và sử dụng một loạt các công cụ thú vị khác), hãy sử dụng Premailer . Nó miễn phí và tất nhiên, được hợp tác với chính CampaignMonitor.

Hy vọng nó giúp.

Tôi hơi muộn với trò chơi nhưng hy vọng điều này sẽ giúp ích cho ai đó.

Tôi tìm thấy phương thức jQuery / javascript nhỏ hay này có thể được nhúng vào một trang - http://devintorr.es/blog/2010/05/26/turn-css-rules-into-inline-style-attributes-using-jquery /

Tôi đã chỉnh sửa một chút để hỗ trợ IE và cũng để hỗ trợ một trang có nhiều tệp CSS đính kèm, áp dụng các kiểu theo đúng thứ tự.

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

Sau đó, trang này có thể được sao chép / dán vào nội dung email.

Chỉ nội dòng CSS của bạn là không đủ. Không có tiêu chuẩn quan sát nào về cách một email HTML sẽ được hiển thị trong bất kỳ ứng dụng email nào được sử dụng. Tất cả đều làm điều đó theo cách khác nhau, và bạn càng thiết kế email của mình càng nhiều thì khả năng nó sẽ thu hút được nhiều khách hàng hơn. Nhiều chuyên gia trong không gian này chỉ đơn giản sử dụng hình ảnh và bảng và có thể một số màu nền, ngoài ra không có gì khác. Luôn bao gồm liên kết đến trang web có bản sao email đang hoạt động và luôn cung cấp biến thể văn bản thuần túy.

Giải pháp javascript của tikku tại đây: https://tikku.com/open-source/utilities/css-inline-transformer/

Một cái khác từ mailchimp - http://beaker.mailchimp.com/inline-css

Đối với lập trình viên PHP: hãy kiểm tra công cụ chuyển đổi trực tuyến này hoặc tập lệnh PHP này để thực hiện.