OWA插件开发：EWS设置HTML邮件正文无法渲染问题咨询

Let's break down why your HTML content isn't rendering in OWA, even though your EWS request returns a success status. The core issue lies in how you're encoding and embedding HTML within the SOAP XML payload. Here's how to resolve it:

1. Correctly Escape HTML for XML Context #

When you put HTML content inside the <t:Body> element of your SOAP request, that content lives within an XML document. XML parsers will treat unescaped HTML tags (like <span>) as XML elements, not as HTML text content. This means those tags get ignored or parsed incorrectly, resulting in no visible output.

You need to convert HTML special characters to XML entities before embedding them:

• < → <
• > → >
• & → &
• " → "
• ' → '

For example, <span>text</span> should become <span>text</span> inside the <t:Body> element.

2. Combine Angular DomSanitizer with XML Escaping #

Angular's DomSanitizer.sanitize() cleans your HTML to make it safe, but it doesn't handle XML escaping. You'll need to add a helper function to handle this second step:

// Helper to escape HTML for XML embedding
function escapeForXml(htmlContent: string): string {
  return htmlContent
    .replace(/&/g, '&')
    .replace(/</g, '&lt;')
    .replace(/>/g, '&gt;')
    .replace(/"/g, '&quot;')
    .replace(/'/g, '&apos;');
}

// Usage in your code
const safeHtml = this.domSanitizer.sanitize(SecurityContext.HTML, yourRawHtml);
const xmlSafeHtml = escapeForXml(safeHtml);

// Insert xmlSafeHtml into your SOAP <t:Body> element

3. Follow OWA/Outlook HTML Compatibility Rules #

OWA has specific HTML support limitations—stick to these best practices to ensure rendering works:

• Use basic, Outlook-compatible tags: <div>, <span>, <p>, <b>, <i>, <u>, <img> (with absolute URLs) are all safe. Avoid modern HTML5 tags like <article> or <section>.
• Use inline CSS instead of external stylesheets or <style> blocks—Outlook/OWA has poor support for non-inline styles.
• Wrap your content in a full HTML structure for better consistency (optional but recommended):

  <html>
    <body style="font-family: Arial, sans-serif;">
      <span style="color: #0078d4;">Your formatted content here</span>
    </body>
  </html>
  

  Don't forget to escape this full structure using the helper function above.

4. Verify Your Final SOAP Payload #

After building your request, check the final SOAP XML (in Chrome DevTools) to ensure:

• The <t:Body BodyType='HTML'> element contains the properly escaped HTML (e.g., <span>text</span>).
• The entire SOAP XML is correctly escaped for the JSON payload (all < become <, > become >).

A correct snippet of your final JSON Body parameter would look like this:

<t:Body BodyType='HTML'><span style="color:#0078d4;">Hello World</span></t:Body>

By following these steps, your HTML content will be correctly passed to EWS and rendered properly in OWA.

内容的提问来源于stack exchange，提问作者Michahell