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>

強調表示されたコードを表示するはずですが、すべての Component タグが削除され、コメントだけが表示されます。

// 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 に答える