hljs.highlight() 使用
时间: 2024-06-09 21:05:00 浏览: 121
`hljs.highlight()` 是 [highlight.js](https://highlightjs.org/) 库中的一个函数,它可以对一段代码进行语法高亮处理。使用方法如下:
1. 引入 highlight.js 库的 CSS 样式文件和 JavaScript 文件:
```html
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/styles/default.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.2.0/highlight.min.js"></script>
```
2. 在代码段所在的 `<pre>` 和 `<code>` 标签中添加语言类名,例如 `language-javascript`:
```html
<pre><code class="language-javascript">var x = 1;</code></pre>
```
3. 在 JavaScript 中调用 `hljs.highlight()` 函数:
```js
hljs.highlightAll();
```
这个函数会遍历所有带有语言类名的代码块,并对它们进行语法高亮处理。
如果你只想对单个代码块进行语法高亮处理,可以使用 `hljs.highlightBlock(block)` 函数,其中 `block` 是 DOM 元素,例如:
```js
var block = document.getElementById('my-code-block');
hljs.highlightBlock(block);
```