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

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

4

1 回答 1

1

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

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

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

于 2015-10-02T16:36:54.530 回答