将网页 html 转换为电子邮件 Html [关闭]
Posted
技术标签:
【中文标题】将网页 html 转换为电子邮件 Html [关闭]【英文标题】:Convert web html to e-mail Html [closed] 【发布时间】:2012-04-03 10:06:49 【问题描述】:我想知道,是否有软件可以将 (web html css) 转换为 (e-mail html inline css) 文件,以便在大多数电子邮件客户端(如 Outlook、Thunderbird 或 webmails)中查看如 gmail、yahoo、hotmail 等。
我希望能够像编写 xhtml 文件一样编写代码,然后将该文件导入程序并将 div 转换为表格,并将 css 转换为与电子邮件客户端兼容的内联样式。
有什么建议吗?
【问题讨论】:
非常好的问题。为什么这还不存在对我来说是个谜。 【参考方案1】:不幸的是,我知道没有软件可以直接执行此操作。有些功能可以在 div 中表示,而不能在表格中表示。此外,发送实际的 HTML 并非易事。
电子邮件 html 在某种程度上是一种黑暗艺术,因为它需要已弃用的布局技术(用于布局的表格)并在相关平台(雅虎、谷歌、Thunderbird、Outlook)上手动测试。
【讨论】:
我发现这个幻灯片提供了一些简单的模式,slideshare.net/OwlHillMedia/how-to-code-html-email-newsletters 我知道有一些限制实际上会禁用该领域的任何熟练的 Web 开发人员,许多程序具有不同的阅读风格,但是这些是怎么来的程序不像大多数浏览器那样兼容 w3c?我的意思是电子邮件客户端像浏览器一样读取 html 内容有多难? 这可能是不安全的,因为人们可能会编写一些代码来提取 DOM 中的信息(包含其他电子邮件)并转发该信息。我怀疑秘密的原因是风格的完整性和数据容量。最后,因为没有客户会这样做,所以没有改变的动力。我很确定 Thunderbird 有胆量呈现完整的 HTML。没有人愿意收到精美的垃圾邮件。 我也发现了这个工具inlinestyler.torchboxapps.com 但我不确定它在大多数情况下是否有效。无论如何我都会测试它 因为你是唯一真正回答的人,因为你是对的,我会认为你的答案是正确的。非常感谢。【参考方案2】:我使用 Mailchimp 提供的名为 CSS inliner 的服务。它确实是一个很好的工具,您只需将 html 和 CSS 保存在同一个文件中(没有外部 css 文件)。我的意思是说将所有 CSS 保留在 .html 文件中的标记内。见下文:
<head>
<style type="text/css">
/*Your CSS goes Here*/
</style>
</head>
这是链接: http://beaker.mailchimp.com/inline-css
【讨论】:
这项服务真棒。它在内联 css 方面做得非常出色,而且在很多我认为 css 很复杂的情况下,它处理得很好。请注意,这很好地命名为“Mailchimp 命名的 CSS 内联”,而不是:“Mailchimp CSS 到电子邮件转换器”,因为它只做一件事:将样式转换为内联。因此,您仍然需要做的一件事是为 img 元素添加宽度和高度属性(很可怕,不是吗)。 @yorch 欢迎好友! “无法连接” 更新网址templates.mailchimp.com/resources/inline-css【参考方案3】:你可以试试这个服务http://email.bigutility.com/inline-css-convert。它将任何内容从 url 转换为内联 css。
一些关键特性:
支持多外部css文件的页面。
支持CDN(从CDN服务器加载的css文件)。
支持jQuery选择器过滤结果。
HTML 编辑器 (wysiwyg) 来编辑您的内联 CSS 页面。【讨论】:
域 bigutility.com 和子域 email.bigutility.com 都不再有效。以上是关于将网页 html 转换为电子邮件 Html [关闭]的主要内容,如果未能解决你的问题,请参考以下文章