MailChimp自动完成自定义HTML,破坏了格式

时间:2018-01-24 23:26:24

标签: html email html-email mailchimp vml

有没有办法阻止MailChimp尝试自动完成我的HTML?

我已经创建了一个用于MailChimp的自定义HTML模板。但是,当我点击' Save&关闭'粘贴后,MailChimp正在添加和删除一些标签,以试图修复'我的代码。

这是一个例子。我使用一些VML来解决一些Outlook问题。

这是我粘贴的代码的一小部分:

  <table cellpadding="0" ... >
    <tr>
      <td background="http://oi63.tinypic.com/2jexxsp.jpg" bgcolor="#7be2eb" width="640" valign="top">
        <!--[if gte mso 9]>
        <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:640px;">
        <v:fill type="frame" src="http://oi63.tinypic.com/2jexxsp.jpg" color="#7be2eb" />
        <v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0">
        <![endif]-->
          <tr>

           ...

          </tr>
         <!--[if gte mso 9]>
         </v:textbox>
         </v:rect>
         <![endif]-->
      </td>
    </tr>
  </table>

但在保存然后返回编辑器后,它看起来像这样:

  <table cellpadding="0" ... >
    <tr>
      <td background="http://oi63.tinypic.com/2jexxsp.jpg" bgcolor="#7be2eb" width="640" valign="top">
        <!--[if gte mso 9]>
        <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:640px;">
        <v:fill type="frame" src="http://oi63.tinypic.com/2jexxsp.jpg" color="#7be2eb" />
        <v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0">
        <![endif]-->
          </td></tr><tr>

           ...

          </tr>
         <!--[if gte mso 9]>
         </v:textbox>
         </v:rect>
         <![endif]-->
      </table></td>
    </tr>
  </table>

它试图为我关闭TD(第9行),TR(第9行)和TABLE(第18行)标签,并完全忽略它们已经关闭的事实。

还有其他几个地方,因为它太早创建了结束标记,它只会删除我已经做得更远的结束标记。

有没有办法阻止MailChimp尝试修复&#39;我的代码?

1 个答案:

答案 0 :(得分:0)

您需要在VML区域内添加一个表格。 Mailchimp会自动关闭tdtr个元素,以防止出现严重的渲染问题。

  <table cellpadding="0" ... >
    <tr>
      <td background="http://oi63.tinypic.com/2jexxsp.jpg" bgcolor="#7be2eb" width="640" valign="top">
        <!--[if gte mso 9]>
        <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:640px;">
        <v:fill type="frame" src="http://oi63.tinypic.com/2jexxsp.jpg" color="#7be2eb" />
        <v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0">
        <![endif]-->
        <table cellpadding="0" ...>
          <tr>
            <td>

           ...
            </td>
          </tr>
         </table>
         <!--[if gte mso 9]>
         </v:textbox>
         </v:rect>
         <![endif]-->
      </td>
    </tr>
  </table>