highlight.js 添加行号
在使用 Highlight.js 给 HTML 源代码着色的过程中，要增加行号，需要深入理解官方文档中对行号的描述。
根据官方描述，在代码块中添加 CSS 类名 “has-numbering”，将产生行号。但从问题中提供的代码来看，这一步被遗漏了。
修改后的代码如下：
行号 测试页面
我的小书坊源码(三层实现)查看详情可以实现用户的在线注册、登陆后可以添加图书、购买图书，可以对图书类别、出版社、价格等进行饼图分析默认帐号/密码：51aspx/51aspx该系统采用三层接口开发，App_Code下为三层结构的代码文件，适合三层入门者学习使用数据绑定控件使用的是GridView，顶部公用文件采用了UserControl用户控件调用DB_51aspx下为Sql数据库文件，附件即可【该源码由51aspx提供】
0
立即学习“前端免费学习笔记（深入）”；
需要注意的是，还需要加入额外的 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)); } });});
以上就是如何使用 Highlight.js 为 HTML 代码添加行号？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1557462.html
微信扫一扫 
支付宝扫一扫 
