问如何用PrismJS突出显示tsx
EN

Stack Overflow用户

提问于 2021-12-06 15:48:00

回答 1查看 541关注 0票数 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:

请帮帮忙。

reactjs

syntax-highlighting

prismjs

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-12-06 22:59:19

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

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/70248130

复制

相似问题

问如何用PrismJS突出显示tsx
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何用PrismJS突出显示tsxEN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何用PrismJS突出显示tsx
EN