highlight.js 代码高亮插件

摘要:
官方网站:https://highlightjs.org/API : http://highlightjs.readthedocs.org/en/latest/api.html1.易于使用:<linkrel=“stylesheet”href=“http://t.zoukankan.com/path/to/styles/default.css“><scriptsrc=”http://t.z

官网:https://highlightjs.org/
API:http://highlightjs.readthedocs.org/en/latest/api.html

1. 简单使用:

<link rel="stylesheet" href="http://t.zoukankan.com/path/to/styles/default.css">
<script src="http://t.zoukankan.com/path/to/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

默认高亮<pre><code></code></pre>块包裹的代码,initHighlightingOnLoad是在页面加载时执行。

2. 定制

$(document).ready(function() {
  $('pre code').each(function(i, e) {hljs.highlightBlock(e)});
});

自定义高亮<pre><code></code></pre>块包裹的代码。

3. 自动高亮代码

hljs.highlightAuto(code).value;

code为代码字符串,不能包含 html 代码,执行返回值为高亮 html 代码。

4. 手动高亮

hljs.initHighlighting.called = false;
hljs.initHighlighting();

如果我们不想页面加载后代码高亮,而是 ajax 读取 html 代码后,对此进行高亮,需要执行上面的代码。

参考资料:http://www.mojidong.com/html/css/js/2013/04/03/code-highlight/

免责声明:文章转载自《highlight.js 代码高亮插件》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇C#环境搭建,以及C#编译器的使用.NET连接MySql数据库的方法及示例下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

vim中文件类型识别、语法高亮及缩进实现流程

一、文件类型在使用vim编辑一个文件的时候,如果能够识别出文件的类型,加上对应的高亮规则,可以使文件的查看更加醒目,这个功能几乎是使用vim浏览文件的一个核心诉求。另外,在进行文件编辑的时候,特别是使用vim写代码的时候(典型的场景是通过vim写C/C++代码),如果能够智能缩进,还可以减少敲代码。例如,在每行的开头自动添加缩进与前一行对齐;或者是当在输入...

solr6.6初探之查询篇

关于搜索与查询,首先我们来看一张图: 这张图说明了solr查询原理: 1.当通过solr发起查询的时候,引擎会选择一个RequestHandler(从字面意思上来说就是请求处理器)来进行查询处理 2.查询的请求处理器会选择一个查询解析器来解析查询参数(语法 3.solr会根据查询列在索引中搜索存储字段,默认是全部 4.根据偏移量及数据量(start,ro...

eclipse如何设置高亮代码的背景色,比如选中某个单词,高亮所有的

 设置方法如下:   1、单击IDE顶部Window菜单下的Prefences,如图;   2、在打开对话框的左侧树上,找到Java节点下的Editor中的Mark Occurren,如图;   3、点击Mark Occurren,然后在右侧面板中 会发现Mark occurrences of the...一行文字,前面有个勾选框,如图;   4、点...

iOS 流布局 UICollectionView使用(UICollectionVIew的代理方法)

UICollectionViewDataSource协议 这个协议主要用于collectionView相关数据的处理,包含方法如下:设置分区数(这个是可选实现的) - (NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView; 设置每个分区有多少个item(...

vim中systemverilog的高亮显示

vim中systemverilog的高亮显示 Linux中的vim显示systemverilog语法高亮 windows中的gvim显示systemverilog语法高亮 Linux系统 查看打开vim的filetype检测文件类型的状态 :filetype 如果没有打开在家目录下的.vimrc配置文件中添加一下命令打开 syntax...

WebStorm设置左侧菜单栏背景和字体设置

WebStorm设置左侧菜单栏背景和字体设置  webstorm是一款前端IDE利器,个人感觉黑色的背景比较炫酷。第一步:点击"file --> settings",如下图所示:   第二步:选择appearance->Theme选择darcula(黑色主题)   在 IDE Settings > Appearance 的右边菜单里,选择...