2012-03-18 41 views
12

Tôi đã tự hỏi, nếu có phần mềm ngoài đó có thể chuyển đổi (web html css) thành tệp e-mail html inline css, để có thể xem được từ hầu hết các e- mail client như outlook, Thunderbird hoặc webmail như gmail, yahoo, hotmail, v.v.Chuyển đổi html web thành e-mail Html

Tôi muốn có thể viết mã của mình khi tôi viết tệp xhtml rồi nhập tệp đó vào chương trình và chuyển đổi div thành bảng và css thành kiểu nội tuyến tương thích với các ứng dụng thư điện tử.

Mọi đề xuất?

Trả lời

3

Rất tiếc, tôi không biết phần mềm nào sẽ trực tiếp thực hiện việc này. Có các tính năng có thể được biểu diễn bằng các div không thể có trong bảng. Hơn nữa, nó không phải là tầm thường để gửi HTML thực tế.

email html là một phần nghệ thuật tối vì nó yêu cầu kỹ thuật bố cục không được dùng nữa (bảng cho bố cục) và thử nghiệm thủ công trên nền tảng có liên quan (Yahoo, Google, Thunderbird, Outlook).

+1

Tôi tìm thấy trình chiếu này cung cấp một số mẫu đơn giản mặc dù, http://www.slideshare.net/OwlHillMedia/how-to-code-html-email-newsletters Tôi hiểu rằng có những hạn chế thực sự vô hiệu hóa bất kỳ nhà phát triển web có kỹ năng trong lĩnh vực này, nhiều chương trình với các kiểu đọc khác nhau, nhưng làm cách nào các chương trình đó không tương thích với w3c như hầu hết các trình duyệt? Tôi có nghĩa là làm thế nào cứng là nó cho một khách hàng e-mail để đọc nội dung html như một trình duyệt không ?. – themis

+0

Có lẽ không an toàn vì có thể viết một số mã sẽ trích xuất thông tin trong DOM (có chứa các e-mail khác) và chuyển tiếp thông tin đó. Tôi nghi ngờ lý do bí mật là tính toàn vẹn về phong cách và dung lượng dữ liệu. Cuối cùng, vì không có khách hàng nào sẽ làm điều này nên không có động lực để thay đổi. Tôi khá chắc chắn Thunderbird có đủ can đảm để hiển thị đầy đủ HTML. Không ai muốn nhận thư rác ưa thích. – Mikhail

+1

Tôi cũng tìm thấy công cụ này http://inlinestyler.torchboxapps.com/ Nhưng tôi không chắc chắn rằng nó sẽ làm việc trong hầu hết các trường hợp. Tôi sẽ kiểm tra nó anyway – themis

11

Tôi sử dụng dịch vụ theo số Mailchimp có tên CSS inliner. Nó thực sự là một công cụ tốt đẹp, bạn phải chỉ giữ html của bạn & CSS trong cùng một tệp (không có tệp css bên ngoài). Tôi có nghĩa là để nói giữ tất cả CSS trong thẻ html bên trong của bạn trong thẻ. Xem dưới đây:

<head>  
    <style type="text/css"> 
     /*Your CSS goes Here*/ 
    </style> 
</head> 

Dưới đây là liên kết:http://beaker.mailchimp.com/inline-css

Hy vọng điều này sẽ giúp bạn. Chúc mừng!

+0

Ngọt ngào, nhờ liên kết – yorch

+0

Dịch vụ này là * tuyệt vời *. Nó làm một công việc kỳ diệu tại css nội tuyến, và nhiều trường hợp mà tôi nghĩ css là phức tạp, nó xử lý tốt. Lưu ý rằng điều này được đặt tên tốt là "Mailchimp có tên là CSS inliner", KHÔNG: "Mailchimp CSS to Email Converter", bởi vì nó chỉ có một thứ: Chuyển đổi kiểu thành nội dòng. Vì vậy, một điều bạn sẽ vẫn phải làm ví dụ là thêm các thuộc tính chiều rộng và chiều cao cho các phần tử img (hideous, không phải là nó). –

+0

@yorch Chào mừng bạn! – SVS

2

Bạn có thể thử dịch vụ này http://email.bigutility.com/inline-css-convert. Nó chuyển đổi bất kỳ nội dung nào từ url sang css nội tuyến.

Một số tính năng chính:

  • trang Hỗ trợ có nhiều tập tin css bên ngoài.

  • Hỗ trợ CDN (tệp css tải từ máy chủ CDN).

  • Hỗ trợ bộ chọn jQuery để lọc kết quả.

  • Trình chỉnh sửa HTML (wysiwyg) để chỉnh sửa trang css nội tuyến của bạn.