JavaScript语法高亮库highlight.js下载

JavaScript语法高亮库highlight.js下载
下载次数:2 文件大小:80.55KB 所需积分:0 QQ联系购买积分:3331653644(1元=10积分)

highlight.js是一款基于JavaScript的语法高亮库,目前支持125种编程语言,有63种可供选择的样式,而且能够做到语言自动识别,和目前主流的JS框架都能兼容,可以混合使用。

1、官网下载地址:

https://highlightjs.org/download/

highlight.js库支持在线定制,按照默认的选择点击Download即可。

2、下载后解压,文件结构如下:

styles目录下为所有css样式
highlight.pack.js为库文件。

3、在html页面中引入default.css和highlight.pack.js,代码如下:

<link rel="stylesheet" href="../styles/default.css">
<script src="../highlight.pack.js"></script>

4、加载highlight.js库,代码如下:

hljs.initHighlightingOnLoad();

5、在<pre>和<code>标签中添加要高亮显示的代码:

<pre> <code class="php">
function quickSort($arr) {
	// 先判断是否需要继续进行
	$length = count($arr);
	if ($length <= 1) {
		return $arr;
	}
	// 选择第一个元素作为基准 
	$base_num = $arr[0]; 
	// 遍历除了标尺外的所有元素,按照大小关系放入两个数组内 
	// 初始化两个数组 
	$left_array  = array();
	// 小于基准的 
	$right_array = array();
	// 大于基准的 
	($i = 1; $i < $length; $i++) { 
		($base_num > $arr[$i]) { 
			// 放入左边数组 
			$left_array[] = $arr[$i]; 
		} else { 
			// 放入右边 
			$right_array[] = $arr[$i]; 
		}
	}
    // 再分别对左边和右边的数组进行相同的排序处理方式递归调用这个函数
    $left_array  = quickSort($left_array);
    $right_array = quickSort($right_array);
    // 合并
    return array_merge($left_array, array($base_num), $right_array);
}
</code> </pre>

class属性指定语言类别,上面代码中指定为php。

0 条评论