china-live/highlight.ln.js

Line number plugin for Highlight.js to show line numbers on every code block automatically.

Line Number Plugin for Highlight.js

Demo

Usage

Browsers

<script src="highlight.min.js"></script>
<script src="highlight.ln.min.js"></script>
<script>
hljs.initHighlighting();
</script>

ES6 Modules (TODO)

import hljs from 'highlight.js/lib/core';
import css from 'highlight.js/lib/languages/css';

import {highlightWithLineNumbers} from 'highlight.ln.js';

hljs.registerLanguage('css', css);

const highlighted = hljs.highlight('css', '#foo { bar: baz; }');
const highlightedMarkup = highlightWithLineNumbers(highlighted);

License

BSD