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来解决问题。