GMail 问题 - 用不需要的 PRE 标记结束 Html 封电子邮件

Question

我正在尝试向 GMail 发送 HTML 电子邮件。但是 GMail 在内部用 pre 标记 Html 包装了我的电子邮件。

例如：我的电子邮件包含以下内容 html

<html>
<body>
    <table>
        <tr>
            <td> TEST 1 </td>
        <tr> 
    </table>
    <table>
        <tr>
            <td> TEST 2 </td>
        <tr> 
    </table>

</body>

但是 Gmail 以不同的方式翻译此 html，如下所示

<pre><table>
        <tr>
        <td> TEST 1 </td>
    <tr> 
</table>
<table>
    <tr>
        <td> TEST 2 </td>
    <tr> 
</table></pre>

任何人都可以帮助我，这个 PRE 标签是如何添加到 GMail 中的？
这个 pre 标签的问题是它有一些来自 gmail 的样式破坏了我的电子邮件的外观。下面是CSS.

.gs pre {
  white-space: pre-wrap;
}

此外，有没有办法覆盖上面的 CSS 以将 'white-space' 的值更改为 'initial' 而不是 'pre-wrap'？如果可以的话，我的问题就解决了。

非常感谢对我上述疑问的任何帮助。

Answer 1

@RDE，你是对的。 Gmail 不包装 PRE 标签。

我刚刚弄清楚了问题和解决方案。

问题我正在使用 Adobe CQ（内容管理工具）发送电子邮件。在发送电子邮件时，我的整个 HTML 都被 PRE 标签包裹起来了。这很可能是由于发送电子邮件的 Adobe CQ Mail API。我的所有电子邮件客户端都出现问题。

解决方案 我在整个 html 外包裹了 PRE 标签，样式为 "white-space:initial"。当 CQ 生成电子邮件时，我现在得到两个预标记，一个来自 CQ（外部 PRE 标记）和另一个（内部 PRE 标记），我用来包装我的 HTML。内部 PRE 标记优先于外部标记并覆盖导致问题的样式。添加代码更清晰

<pre style="white-space:initial"> 
Your hTML that goes through CQ
</pre>...

现在，一旦您通过 CQ 发送电子邮件，您的最终 html 将像这样

<pre>
    <pre style="white-space:initial">
        Your hTML that goes through CQ
    </pre>
</pre>

GMail 问题 - 用不需要的 PRE 标记结束 Html 封电子邮件

Issue with GMail - Wrapping up Html email with unwanted PRE tag

gmail

html-email

pre