0

我有这个 html 文件：

<!DOCTYPE html>
<html>
  <head>
    <title>Test PrismJS</title>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="prism/prism-onedark.css">
  </head>

  <body>
    <pre><code class="language-tsx">
      // Display some tsx:
      <SocketProvider url={`ws://${apiServer}/...`}>
        <Stats />
      </SocketProvider>
    </code></pre>

    <script type="text/javascript" src="prism/prism.js"></script>
  </body>
</html>

它应该显示突出显示的代码，但所有组件标签都被删除，我所拥有的只是注释：

// Display some tsx:

请帮忙。

4

1 回答 1

0

易于修复。只需确保在下载prism.js时包含 Unescaped Markup插件，并将代码包装在 html 注释中，如下所示：

<pre><code class="language-tsx"><!--
  // Display some tsx:
  <SocketProvider url={`ws://${apiServer}/...`}>
    <Stats />
  </SocketProvider>
--></code></pre>
于 2021-12-06T22:59:19.960 回答