html使用highlight.js高亮代码

• xiaohu
• 23/08/13
• 3
• 861

[前言]

[过程]

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/default.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/highlight.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/languages/go.min.js"></script>

<pre><code class="language-html">...</code></pre>

#全局实例化
<script>hljs.highlightAll();</script>

#指定定某个标签下解析，下列代码指定解析pre标签下内容
document.addEventListener('DOMContentLoaded', (event) => {
  document.querySelectorAll('pre').forEach((el) => {
	    hljs.highlightElement(el);
  });
});

[相关]