nunjucks-highlight.js
v0.0.5
Published
A custom nunjucks tag to highlight code blocks using highlight.js
Downloads
20
Readme
Nunjucks Code Highlight
An extension for Nunjucks that adds support for Highlight.js code
blocks. Built into CrocodileJS!
Install
npm install --save nunjucks-highlight.js
Usage
Register the extension with nunjucks:
import NunjucksCodeHighlight from 'nunjucks-highlight.js';
import hljs from 'highlight.js';
const highlight = new NunjucksCodeHighlight(nunjucks, hljs);
const env = nunjucks.configure('views', {});
env.addExtension('NunjucksCodeHighlight', highlight);
Add code blocks to your templates:
Automatic language detection:
Input:
{% code %}
(function () {
console.log('hello world');
}());
{% endcode %}
Output:
(<span class="hljs-name">function</span>() {
console.log(<span class="hljs-name">'hello</span> world')<span class="hljs-comment">;</span>
}())<span class="hljs-comment">;</span>
Specify language of code block:
Input:
{% code %}js
(function() {
console.log('hello world');
}());
{% endcode %}
Output:
(<span class="hljs-name">function</span>() {
console.log(<span class="hljs-name">'hello</span> world')<span class="hljs-comment">;</span>
}())<span class="hljs-comment">;</span>
License
[MIT][license]