标签归档：highlightjs

RSS feed of highlightjs

Highlightjs 添加代码行号
作者是 发布于 在 JavaScript.

Highlightjs是一款优秀的代码高亮Js组件，可以很方便地对各种语言编写的代码添加语法高亮样式。

然而，Highlightjs默认是不包括显示代码行号（Line Number）这一特性的，不过可以通过简单的JS代码和CSS样式表实现对Highlightjs的行号显示功能。

参考博文链接：syntax-highlighting-with-highlightjs

Javascript代码：


//numbering for pre>code blocks
$(function(){
    $('pre code').each(function(){
        var lines = $(this).text().split('\n').length - 1;
        var $numbering = $('<ul/>').addClass('pre-numbering');
        $(this)
            .addClass('has-numbering')
            .parent()
            .append($numbering ...

继续阅读

Highlightjs 8.0新特性
作者是 发布于 .

Highlightjs（下载地址：http://highlightjs.org/download/）是一款简单易用的语法高亮插件

它具有如下特征：

  • 支持71种语言和44种样式
  • 自动化语言侦测判别
  • 多语言代码高亮
  • node.js可用
  • 可以与markup一同使用
  • 兼容所有的js框架

Highlightjs于2014-01-08发布了8.0版。这个发行版提供了一些崭新特性的同时，将不再向后兼容某些旧版本中存在的特征。
不过，大多数用户应当不会受到这些向后不兼容特性的影响：自述文件中描述的基本使用场景依旧保持不变。

不再向后兼容的特性：

现在默认对CSS类引用中的所有类加上了hjls前缀，因为其中的一些类名可能会与其它的样式表发生冲突。
如果你使用的是highlightjs的老版本，也许想要升级highlight的同时依旧保留其原来的行为。
为了抑制这些新的特性，你可能需要这样进行初始化：

<script type="text/javascript">
  hljs.configure({classPrefix: ''});
  hljs ...

继续阅读