nunjucks-highlight.js v0.0.5

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