reactjs - 当 html 和 block is contained within dangerouslySetInnerHTML?

Answer 1

在标签的class属性中包含 Prism 所需的语言以突出显示code

在您的内容 html（您要解析的内容）中，确保您在标签中设置class属性code以指定使用的语言。

不要className在要解析的 html 中使用。class是 html 元素中的一个属性<code class='language-javascript'></code>。而另一方面，.className它是一个可以通过调用元素来获取/设置其类的属性。

var element = document.createElement('code');
element.className = 'language-javascript'
// element is <span class='language-javascript'></span>

因此，请确保您要解析的 html 中的代码片段如下所示： javascript 示例：

<pre>
  <code class=”language-javascript”&gt;
    <p>some text</p>
  </code>
</pre>