如何管理多个 HTML 电子邮件模板而不失理智？答案

【问题标题】：How to manage multiple HTML email templates and not lose sanity?如何管理多个 HTML 电子邮件模板而不失理智？
【发布时间】：2015-12-30 11:38:32
【问题描述】：

<table class="container">
  <tr>
    <td>
      <table class="row">
        <tr>
          <td class="wrapper last">
            <table class="twelve columns">
              <tr>
                <td>
                  <h1>Hi, Susan Calvin</h1>

这是在使用Zurb Ink 创建的 HTML 电子邮件中问候收件人所需要的。而且情况越来越糟。这是一个按钮，例如：

<table class="button">
  <tr>
    <td>
      <a href="#">Button Label</a>
    </td>
  </tr>
</table>

我们这里有大约 20 个不同的事件，用户可以订阅这些事件以接收 HTML 电子邮件通知。此外，（至少目前）可以使用两种语言发送此通知。将这两种语言相乘，瞧——四十个不同的模板文件，大量重复。

现在，我真的不希望这里的任何人因为这个烂摊子而发疯，所以我的问题是：

是否有任何一种“元框架”可以删除所有重复和无关的标记？我幻想着使用 Bootstrap 准备 HTML 电子邮件模板标记，然后将其编译为 Zurb Ink。或者一个类似于 HTML 的高级 DSL，然后编译成 Zurb Ink...

 <div class="container">
   <div class="row">
      <div class="twelve columns">
        <a href="#" class="button" />

..或任何可以简化我们生活的东西。

【问题讨论】：

实际问题是什么？您是否手动编辑此 HTML？如果您使用外部工具来创建电子邮件，我认为您唯一需要做的就是更改 CSS，它并不真正关心标记的复杂性......我真的怀疑有这样的工具，因为您在 CSS 之间有很强的联系和 HTML，你不能只是扔掉东西，因为它们可以在 CSS 中引用
@smnbbrv 问题在于 HTML 的重复和冗长。

标签： html css html-email zurb-ink

【解决方案1】：

我会说你可以管理这两种方式。我最近为客户构建了 17 个响应式电子邮件模板。太惨了，我能想到的最好的解决办法是：

模块化方法，有点像上面的 sn-ps 是分开的。现在你也可以使用构建工具了，我们有一个样板框架，可以让你编写jade并编译成html，当然大部分HTML电子邮件css都是内联的，所以你可以试试内联并编译它，或者在生成基本模板后，您可以将内联 css 的部分完整保存为玉文件的包含。

另一种方法是保存掉header.html、footer.html或使用php包含保存完成的html文件。

【讨论】：