highlightjs-line-numbers.js Highlight.js line numbers plugin.
DEMO |SСREENSHOTS
bower install highlightjs-line-numbers.jsnpm install highlightjs-line-numbers.jsDownload plugin and include file after highlight.js:
< script src ="path/to/highlight.min.js "> </ script > < script src ="path/to/highlightjs-line-numbers.min.js "> </ script > Adding styles:
.hljs-line-numbers {text-align : right;border-right : 1px solid# ccccolor : # 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 ) ; } ) ; } ) ; hljs . initLineNumbersOnLoad ( { withLinks :true } ) ; .hljs-line-numbers a {text-decoration : none;color : # 999hljs-line-numbers a : target {color : # ff0000text-decoration : underline;outline : none;} © 2015 Yauheni Pakala | MIT License
