An extension for Nunjucks that adds support for Highlight.js code blocks. Built into CrocodileJS!
npm install --save nunjucks-highlight.jsRegister 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>[MIT][license]