使用 Shadow DOM 内嵌完整 HTML 文档

💡 原文英文,约200词,阅读约需1分钟。
📝

内容提要

使用ColdFusion/CFML生成HTML文档,使用jsoup和WKHTMLTOPDF生成PDF。如果将生成的HTML内容直接输出到现有网页上,网页将变得无效,全局CSS样式会污染预览。为了正确查看最终结果,需要在新标签页中独立查看HTML文档,或者嵌入到iFrame中。另一种方法是使用浏览器的shadow DOM,可以更准确地渲染PDF和电子邮件预览。

🎯

关键要点

  • 使用ColdFusion/CFML生成有效的HTML文档以生成PDF。
  • 直接将生成的HTML内容输出到现有网页会导致网页无效,全球CSS样式会污染预览。
  • 为了正确查看最终结果,需要在新标签页中独立查看HTML文档或嵌入到iFrame中。
  • 使用浏览器的shadow DOM可以更准确地渲染PDF和电子邮件预览。
  • shadow DOM生成独立的DOM并填充现有网页中的内容,以便更忠实地渲染。
🏷️

标签

➡️

继续阅读