2012-03-18 58 views
12

我在想,如果有軟件,有可以轉換的(網頁HTML CSS)至(電子郵件HTML內嵌CSS)文件,以從最E-可見郵件客戶端如Outlook,Thunderbird或Gmail郵件,如Gmail,雅虎,Hotmail等轉換網頁的HTML電子郵件的Html

我希望能夠寫我的代碼,因爲我寫xhtml文件,然後將該文件導入到程序並將div轉換爲表和CSS以內聯樣式兼容電子郵件客戶端。

有什麼建議嗎?

回答

3

不幸的是我知道沒有軟件可以直接做到這一點。有些特性可以用不能在表格中的div表示。此外,發送實際的HTML並不是微不足道的。

電子郵件HTML是有點暗的藝術,因爲它需要被棄用(表格排版)和相關平臺(雅虎,谷歌,雷鳥,Outlook)中手動測試佈局技術。

+1

我發現這個幻燈片,讓一些簡單的模式雖然,http://www.slideshare.net/OwlHillMedia/how-to-code-html-email-newsletters 據我所知,有限制的,實際上任何禁用熟練的Web開發人員在這個領域,許多程序有不同的閱讀風格,但是這些程序怎麼和大多數瀏覽器不兼容?我的意思是電子郵件客戶端像瀏覽器一樣閱讀html內容有多難? – themis 2012-03-18 19:34:40

+0

這可能是不安全的,因爲人們可能會編寫一些代碼來提取DOM(包含其他電子郵件)中的信息並中繼該信息。我懷疑祕密原因是文體完整性和數據容量。最後,因爲沒有客戶會這樣做,所以沒有動力去改變。我很確定Thunderbird有膽量來呈現完整的HTML。沒有人希望收到花哨的垃圾郵件。 – Mikhail 2012-03-18 19:38:14

+1

我也發現這個工具http://inlinestyler.torchboxapps.com/ 但我不確定它會在大多數情況下工作。無論如何,我會進行測試 – themis 2012-03-18 19:45:23

11

我通過Mailchimp命名CSS內襯使用服務。它真的是一個很好的工具,你必須保持你的HTML & CSS在同一個文件中(沒有外部的css文件)。我的意思是說,在你的HTML文件內的標籤內保留所有的CSS。請看下圖:

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

這裏是鏈接:http://beaker.mailchimp.com/inline-css

希望這會幫助你。乾杯!

+0

甜,感謝您的鏈接 – yorch 2012-09-20 18:47:02

+0

這項服務是*真棒*。它在內聯CSS方面做了很大的工作,還有很多我認爲CSS複雜的情況,它處理得很好。請注意,這被命名爲「Mailchimp命名的CSS內聯」,而不是:「Mailchimp CSS到電子郵件轉換器」,因爲它只做一件事:將樣式轉換爲內聯。所以,你仍然需要做的一件事是爲img元素添加寬度和高度屬性(可惡的,是不是)。 – 2013-06-06 19:47:47

+0

@yorch歡迎你的朋友! – SVS 2013-06-10 11:42:28

2

你可以試試這個服務http://email.bigutility.com/inline-css-convert。它將任何內容從url轉換爲內聯css。

一些主要特點:具有多重外部CSS文件

  • 支持頁面。

  • 支持CDN(CSS文件,從CDN服務器加載)。

  • 支持jQuery選擇來過濾結果。

  • HTML編輯器(WYSIWYG)編輯您的內聯CSS頁面。