如何在react-pdf插件中显示HTML标签及嵌套HTML字符串内容？

你的这段HTML有两个核心问题导致解析失败：

1. 不符合规范的嵌套<p>标签：外层<p>直接嵌套内层<p>，多数解析器会出现异常处理
2. 转义的"把内层HTML包裹成了纯文本，解析器不会把它当作HTML代码处理

给你几个可行的解决办法：

• 先清理HTML结构
  移除多余的转义引号，修正嵌套错误，调整后的HTML可以是这样：

  <p>value:</p>
  <p>1. Delivery Term - 30 days<br> 2. <strong>Payment Term - 20 days</strong><br> 3. Item Tax 10%  IGST</p>
  

  要是想让"value:"和列表在同一段落里，也能改成单<p>结构：

  <p>value:<br>1. Delivery Term - 30 days<br> 2. <strong>Payment Term - 20 days</strong><br> 3. Item Tax 10%  IGST</p>
  

• 先反转义再提取内层HTML
  如果必须保留原始字符串的转义内容，先把"替换成实际引号，再提取出<p>1. Delivery...IGST</p>这段内层HTML，单独交给解析器渲染后再插入PDF。

• 换用更健壮的转PDF工具
  如果当前html-parser对不规范HTML支持差，可以换成基于浏览器内核的工具（比如wkhtmltopdf），这类工具能更好地容错处理不规范的HTML结构；也可以先用HTML tidy工具把原始HTML清理成规范格式后再渲染。

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