飞扬的Blog
主页
登录
html代码高亮之highlight.js
"date"
:
"2020-05-18 10:19:42"
"classfiy"
:
"html"
"author"
:
"飞扬"
"viewTimes"
:
328
返回
官网:https://highlightjs.org/ ```javascript //用这个方法渲染已经指定语言类型的code块 <code class="Csharp"></code> hljs.initHighlighting(); ``` ```javascript //用这个方法来自动识别语言类型并渲染 document.querySelectorAll('pre code').forEach((block) => { var $code = $(block); var $copy = $($code.parent().next()); var text = $code.html().replace(/ /g, ''); $copy.attr("data-clipboard-text", text); //hljs.highlightBlock(block); hljs.lineNumbersBlock(block); }); ``` 显示行号的扩展:https://github.com/wcoder/highlightjs-line-numbers.js/ 使用方式(上面代码里面有): ```javascript hljs.lineNumbersBlock(block); ```