CSS-to-HTML电子邮件转换器

时间:2011-01-27 18:20:34

标签: email html-email

我正在开展一个我们将要发送HTML电子邮件的项目。我已经完成了几十个我们发送明文电子邮件的项目,但由于某些未知原因,我从来没有做过HTML电子邮件。

我用桌子“长大”。我曾经用它们进行布局开发。当我们回调它时,CSS出现了它的“层”,我很快改变了我的方式。到2002年,我根本没有使用表格进行布局。

我们差不多十年了,我一直在编写相当不错的代码。我现在面临一些非常可怕的事情:故意编写错误的代码。我不确定我的思想或手指是否允许它。

因此,不是从编写错误的代码开始,我可以像任何其他设计构建一样编写我的电子邮件:使用漂亮的div和CSS,然后使用邪恶的东西将其全部转换出来吗?我意识到这可能会导致背景图像出现问题(其中可能有一对),但我确信我可以足够“修复”这些问题。

我应该补充一点,我们会生成一些动态电子邮件和一份简报发件人。理想情况下,这应该是我可以插入到该过程结束的东西,以便电子邮件以“标准模式”生成,然后通过Mordor飞出另一侧作为野兽90的HTML。

4 个答案:

答案 0 :(得分:4)

尝试预编译.. http://premailer.dialect.ca/用rb编写..如果你想在php中使用相同的...然后尝试https://gist.github.com/1204853

答案 1 :(得分:3)

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

您可能已经知道正常的CSS样式标记在gmail和hotmail等网络邮件中不起作用。

但大多数电子邮件客户端都支持嵌入式css,是的,我知道它不是你想在任何普通页面中做的事情,但对于电子邮件来说,这是避免使用字体标签的唯一方法。

这是一个包含一些css及其工作客户端的页面 http://www.campaignmonitor.com/css/

但是对于布局而言,表格是唯一可以采用更复杂布局的稳定方式,特别是如果你喜欢多个列或边框,但是我对10年电子邮件编码后的建议是尽量保持简单,认为打字机样式字母带有一些图像,页眉和页脚,而不是更多,几乎总是有效。

答案 2 :(得分:1)

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

你仍然不能使用div和float,但它至少减少了内联编写样式的需要。您只需在<style>标记中编写样式,它就会内联 - 如果它们适用于您。

https://github.com/alexdunae/premailer

答案 3 :(得分:1)

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