CSS-to-HTML 电子邮件转换器 [关闭]答案

【问题标题】：CSS-to-HTML Email converter [closed]CSS-to-HTML 电子邮件转换器 [关闭]
【发布时间】：2011-01-27 18:20:33
【问题描述】：

我正在进行一个项目，我们将发送 HTML 电子邮件。我已经完成了几十个发送纯文本电子邮件的项目，但由于某些未知的原因，我从来不需要发送 HTML 电子邮件。

我是和桌子一起“长大”的。我曾经使用它们进行布局开发。然后 CSS 和它的“层”一起出现了，正如我们当时所说的那样，我很快就改变了我的方式。到 2002 年，我根本没有使用表格进行布局。

我们已经快十年了，我一直在编写非常好的代码。我现在面临着一件非常可怕的事情：故意编写糟糕的代码。我不确定我的大脑或手指是否允许这样做。

因此，与其从编写糟糕的代码开始，我是否可以像使用任何其他设计构建一样编写电子邮件：使用漂亮的 div 和 CSS，然后使用邪恶的东西将其全部转换出来？我意识到这可能会导致背景图像出现问题（其中可能有几个），但我确信我可以采取足够的措施来“修复”这些问题。

我应该补充一点，我们将生成许多动态电子邮件和一个时事通讯发件人。理想情况下，这应该是我可以在该过程的最后插入的东西，以便在“标准模式”下生成电子邮件，然后通过魔多以 90 年代的 HTML 形式出现在另一边。

【问题讨论】：

【解决方案1】：

无法自动将基于 css 和 div 的 HTML 页面转换为可在电子邮件中使用的工作表。

您可能已经知道普通的 CSS 样式标签在 gmail 和 hotmail 等 webmail 中不起作用。

但是大多数电子邮件客户端都支持嵌入式 css，是的，我知道这不是您想在任何普通页面中执行的操作，但对于电子邮件而言，这是避免使用字体标签的唯一方法。

这是一个页面，其中包含一些 css 及其适用于哪些客户端 http://www.campaignmonitor.com/css/

但是对于布局，表格是实现任何更复杂布局的唯一稳定方法，尤其是如果您喜欢多列或多边框，但我在为电子邮件编码 10 年后的建议是尽量保持简单，想想打字机风格的字母，只有几张图片，一个页眉和页脚，几乎总是有效的。

【讨论】：

【解决方案2】：

试试 premailer.. http://premailer.dialect.ca/ 它写在 rb.. 如果你想在 php 中一样.. 然后试试https://gist.github.com/1204853

【讨论】：

【解决方案3】：

有一个名为 Premailer 的工具可能是朝着正确方向迈出的一步。

你仍然不能使用 div 和 float，但它至少减少了内联编写样式的需要。您只需在 <style> 标签中编写您的样式，它就会为您内联化它们。

【讨论】：

【解决方案4】：

发现了一些东西http://www.pelagodesign.com/sidecar/emogrifier/ .. 它的写法是 php.. 而且它很棒... :)

【讨论】：