HTML 字符在渲染期间不会被翻译

Question

我有一些 js 代码，它呈现以下 HTML

<div contenteditable="false" tabindex="0" class="ProseMirror">
    <p> didn&#039;t project a significant increase</p>
    </div>

在浏览器中，它实际上显示字符#039;而不是将其转换为'有没有办法强制/阻止浏览器进行此转换？

Answer 1

当渲染HTML 实体时，可能需要对其进行编译。您可以使用以下选项之一：插值法<p> didn{{ `&#039;` }}t project a significant increase</p>v-html<p> didn<span v-html="`&#039;`"></span>t project a significant increase</p>请注意，前两个示例使用模板文字，而不是单引号。渲染功能如果使用渲染函数，您可以设置innerHTML domProps：render(h) {  return h('span', {    domProps: {      innerHTML: 'didn&#039;t project a significant increase'    }  });}这是一个演示原来的你缺少一个&，它应该是：<p> didn&#039;t project a significant increase</p>

Answer 2

以我的具体情况来说。我结束了。he通过使用HTML 编码器/解码器https://www.npmjs.com/package/he在渲染之前解码 HTML来解决问题。