代码语法高亮插件highlight.js

(一)highlight.js主要特点如下:

176种语言和79种风格;

自动语言检测多语言;

代码突出显示;

可用于node.js;与任何标记一起使用;

兼容任何js框架


(二)在你的网站中使用highlight.js非常简单哦,只要引入对应的css和js,下面来作详细的说明:

1)需要引入相关的文件,并调用initHighlightingOnLoad方法:




2)引入了上面的文件之后, highlight.js将在HTML中找到

标签,根据class识别语言的,并将它之间的代码高亮:

HTML内容
java内容
python内容


如果你不想让

标签之间的内容语法高亮,可以加上nohighlight属性:

内容

3)定制

当您需要更多地控制highlight.js的初始化时,可以使用highlightBlock并配置函数。

代码语法高亮插件highlight.js_第1张图片


4)下面举一个对sql语句高亮的列子:默认背景,可以自行选择不同的css文件替换

代码语法高亮插件highlight.js_第2张图片


更多操作见:https://highlightjs.org/

你可能感兴趣的:(web前端)