Unlayer导出HTML无样式，extractHTML返回的data.html是否完整？

1. Unlayer的extractHTML返回的data.html是否完整？ #

默认情况下，extractHTML返回的HTML包含模板的样式，但这些样式可能不是全内联的，而邮件客户端对嵌入<style>标签的支持非常有限，这是导致无样式的核心原因。

2. 你可能遗漏的关键操作 #

• 强制启用全内联样式
  邮件客户端（如Gmail、Outlook）几乎不支持页面级的<style>标签，必须让所有样式内联到每个HTML元素上。导出时务必添加inlineCss: true参数：

  unlayer.extractHTML({
    inlineCss: true
  }).then(function(data) {
    const emailHtml = data.html;
    // 使用该HTML发送邮件
  });
  

• 替换外部资源为稳定路径
  模板中的图片、字体如果使用Unlayer临时链接或相对路径，导出后会失效。要替换成公开可访问的绝对URL，小图可以直接转成Base64嵌入HTML。
• 切换到Unlayer邮件模式
  Unlayer有专门的邮件模板编辑模式，切换后会自动生成兼容主流邮件客户端的代码（比如针对Outlook的VML兼容代码），避免复杂样式失效。
• 检查HTML完整性
  导出后打开HTML文件，确认没有代码截断、样式标签缺失的情况。如果是通过API导出，排查接口返回是否被字符限制截断。

3. 快速排查方法 #

• 把导出的HTML用浏览器打开，若浏览器中样式正常，说明是邮件客户端兼容性问题，重点优化内联样式和兼容代码；
• 若浏览器中也无样式，说明导出的HTML本身缺失样式，检查导出参数是否正确，或模板本身的样式设置是否有误。

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