css - 文本区域在电子邮件冷融合中丢失样式

Question

我有一个文本区域，其中有电子邮件的正文，其样式如下。但是邮件不会在 outlook 中保留以下任何样式。我有<cfmail type="html" .关于如何保留我下面的样式的任何想法。额外的 html 标签在我包含在电子邮件中的另一个页脚文件中有结束标签。

  <textarea  name="email_body">
    <table class="one-column" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-spacing:0" bgcolor="#FFFFFF">
          <tr><td align="left" style="padding:10px 40px 40px 40px"><p style="color:#5f6971; font-size:20px; text-align:left; font-family: Helvetica, Arial, sans-serif"><strong>Dear Dr. <cfoutput>#user.fname# #user.lname#</cfoutput>, </strong></p><p style="color:#5f6971; font-size:16px; text-align:left; font-family: Helvetica, Arial, sans-serif">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.        

        Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.</p></td></tr></table>
                <strong> <cfoutput>#user.detail#</cfoutput></strong>
              <center><table cellpadding="0" cellspacing="0" border="0" width="100%">
                  <tr><td><table border="0" cellpadding="0" cellspacing="0"><tr><td height="20" width="100%" style="font-size: 20px; line-height: 20px;">&nbsp;</td></tr></table><table border="0" align="center" cellpadding="0" cellspacing="0" style="Margin:0 auto;"><tbody><tr><td align="center"><table border="0" cellpadding="0" cellspacing="0" style="Margin:0 auto;"><tr><td width="250" height="60" align="center" bgcolor="#1a99e6"><a href="http://www.example.net" target="_blank" style="width:250; display:block; text-decoration:none; border:0; text-align:center; font-weight:bold;font-size:18px; font-family: Arial, sans-serif; color: #ffffff; background:#1a99e6" class="button_link">View the User Detail</a></td></tr></table></td></tr></tbody></table></td></tr>
                </table></center></td></tr>
        </table></textarea>

Answer 1

你想让HTML作为textarea的输入内容，对吧？然后您需要对内容进行编码。

<cfsavecontent variable="content">
    <table class="one-column" border="0" cellpadding="0" cellspacing="0" width="100%" style="border-spacing:0" bgcolor="#FFFFFF">
        <tr>
            <td align="left" style="padding:10px 40px 40px 40px">
                <p style="color:#5f6971; font-size:20px; text-align:left; font-family: Helvetica, Arial, sans-serif">
                    <strong>Dear Dr. <cfoutput>#user.fname# #user.lname#</cfoutput>,</strong>
                </p>
                <p style="color:#5f6971; font-size:16px; text-align:left; font-family: Helvetica, Arial, sans-serif">
                    Lorem ipsum dolor sit amet, ...
                </p>
            </td>
        </tr>
    </table>
    <strong><cfoutput>#user.detail#</cfoutput></strong>
    <p>etc.</p>
</cfsavecontent>

<textarea name="email_body">
    <cfoutput>#encodeForHtml(content)#</cfoutput>
</textarea>

<cfsavecontent>将您想要的输入存储到变量 content 中.
encodeForHtml()对所述变量的文本进行编码，因此它不会被识别为实际的 HTML/标记(又名 < 是 < ，> 是 > 等)，而是作为文字文本。