html - 如何管理多个 HTML 电子邮件模板而不失去理智？

Question

<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" />

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

Answer 1

我会说您可以通过这两种方式进行管理。我最近为客户构建了 17 个响应式电子邮件模板。这很悲惨，我能想到的最好的解决方案是:

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

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