代码语法高亮插件Highlightjs

Highlightjs是一款js代码高亮功能,就意味着它是在客户端做语法标亮的,这可以减轻服务器压力,而且关键是它支持的语言非常多。本站,支持3种语法高亮插件,一个是markdown的扩展codehilite,第二个是SyntaxHighlighter,第三种就是Highlightjs。 Highlightjs用法简单,可是我发现一个问题,由于它支持的语言很多,所以如果作者会写很多代码,那么就需要很多种语言,它网站提供定制的打包下载,结果全部勾上后发现最后下载下来的js很大: ( 。我觉得它应该像SyntaxHighlighter一样可以自动加载对应的语言的js这样可以减少js下载,提高网站速度。好了废话不多说,看如何使用。

简单使用





把需要的js文件跟css弄进来,然后对高亮的文本用<pre><code></code></pre>块包裹。这就是基本用法。

高级用法

有时候我们需要指定哪个标签做代码渲染,结果可以如下使用。

$(document).ready(function() {
  $('pre code').each(function(i, e) {hljs.highlightBlock(e)});
});
$('div.code').each(function(i, e) {hljs.highlightBlock(e, null, true)});
而后,可以指定语言。

          
...
可以强制不高亮。

         
...

  1. 看下评论效果如何