【问题标题】:Are there any tools that can inline css? [closed]有没有可以内联css的工具? [关闭]
【发布时间】:2010-11-07 19:26:10
【问题描述】:

由于某些电子邮件客户端无法正确呈现外部样式表(甚至是 HTML 电子邮件消息的 <head> 中的样式),因此内联 CSS 是一种尝试在网站和电子邮件之间保持一致外观和感觉的常用方法。但是手动内联样式很痛苦并且容易出错。

我正在寻找一种方法,让用户使用与其网站使用的样式表相同的样式表创建消息,然后在发送之前将文本转换为更适合电子邮件的格式。虽然当然可以编写一个读取样式和 DOM 的工具,为每个元素注入正确的内联样式,但我希望已经有一个可用的工具可以做到这一点。不幸的是,我的谷歌搜索没有产生任何有用的结果。

您知道任何可以内联 CSS 样式的工具吗?我对语言并不挑剔,但如果它不是开源的,我可能会自己写。

【问题讨论】:

  • 我不太明白你在问什么。您是否正在寻找使用 DOM 注入先前定义的内联样式的工具(在电子邮件中不起作用,脚本被禁用)或允许您定义一些样式并让它自动添加适当的样式属性的东西到每个匹配的元素?
  • @Andrew:我认为他的意思是后者。
  • 我认为是后者,但我也相信他希望能够在发送之前做到这一点,例如:编写HTML和CSS,内联,然后发送文档。
  • DeadHead 是正确的 - 用户将使用站点使用的相同样式表创建消息。我会在发送之前解析消息以内联css。

标签: css email xhtml


【解决方案1】:

还有premailer作为Python包。

【讨论】:

    【解决方案2】:

    http://code.dunae.ca/premailer.web/ 的 premailer 是一个很好的工具,如果您的布局简单且 HTML 整洁。虽然它在格式错误的 HTML 上表现不佳,但我不知道您是否会向客户推荐它。

    来源地址为http://code.google.com/p/premailer/。麻省理工学院许可证。

    【讨论】:

    【解决方案3】:

    对于 Ruby/Rails,有 https://github.com/alexdunae/premailer。如果您需要 Rails 3 兼容性,该 gem 由 https://github.com/fphilipe/premailer-rails3 包装。

    【讨论】:

      【解决方案4】:

      MailChimp 还在他们的网站上提供了Automatic CSS Inliner Tool。看起来效果不错!

      【讨论】:

        【解决方案5】:

        MailerMailer 在他们的网站上提供了他们的Magic CSS Inliner。此外,运行该页面的底层库可通过 CPANGitHub 用于 Perl。

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 2012-03-04
          • 2012-07-12
          • 1970-01-01
          • 2014-04-06
          • 1970-01-01
          • 1970-01-01
          • 2011-11-07
          • 1970-01-01
          相关资源
          最近更新 更多