Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Line numbering plugin for Highlight.js

License

NotificationsYou must be signed in to change notification settings

wcoder/highlightjs-line-numbers.js

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Highlight.js line numbers plugin.

DEMO |SСREENSHOTS

Install

Bower

bower install highlightjs-line-numbers.js

Npm

npm install highlightjs-line-numbers.js

Usage

Download plugin and include file after highlight.js:

<scriptsrc="path/to/highlight.min.js"></script><scriptsrc="path/to/highlightjs-line-numbers.min.js"></script>

Adding styles:

.hljs-line-numbers {text-align: right;border-right:1px solid#ccc;color:#999;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

Initialize plugin after highlight.js:

hljs.initHighlightingOnLoad();hljs.initLineNumbersOnLoad();

Here’s an equivalent way to callinginitLineNumbersOnLoad using jQuery:

$(document).ready(function(){$('code.hljs').each(function(i,block){hljs.lineNumbersBlock(block);});});

Additional features

Links

hljs.initLineNumbersOnLoad({withLinks:true});
.hljs-line-numbersa {text-decoration: none;color:#999;}.hljs-line-numbersa:target {color:#ff0000;text-decoration: underline;outline: none;}

© 2015 Yauheni Pakala | MIT License

[8]ページ先頭
©2009-2025 Movatter.jp