
highlight.js 添加行号
在使用 Highlight.js 给 HTML 源代码着色的过程中,要增加行号,需要深入理解官方文档中对行号的描述。
根据官方描述,在代码块中添加 CSS 类名 "has-numbering",将产生行号。但从问题中提供的代码来看,这一步被遗漏了。
修改后的代码如下:
行号 测试页面
我的小书坊源码(三层实现)下载可以实现用户的在线注册、登陆后可以添加图书、购买图书,可以对图书类别、出版社、价格等进行饼图分析默认帐号/密码:51aspx/51aspx该系统采用三层接口开发,App_Code下为三层结构的代码文件,适合三层入门者学习使用数据绑定控件使用的是GridView,顶部公用文件采用了UserControl用户控件调用DB_51aspx下为Sql数据库文件,附件即可【该源码由51aspx提供】
立即学习“前端免费学习笔记(深入)”;
需要注意的是,还需要加入额外的 JavaScript 代码来动态生成行号:
hljs.highlightAll(); $(function () { $('pre code').each(function () { var lines = $(this).text().split('\n').length - 1; var $numbering = $('').addClass('pre-numbering'); $(this) .parent() .append($numbering); for (i = 1; i <= lines; i++) { $numbering.append($('').text(i)); } }); });











