JSFiddle - React, Tailwind, and code Playground

by iamjpg

HTML

<script src="//cdn.jsdelivr.net/nunjucks/1.3.4/nunjucks-slim.min.js"></script>
<div id="output"></div>

JavaScript

// Compiled Nunjucks Template
(function() {(window.nunjucksPrecompiled = window.nunjucksPrecompiled || {})["foo.html"] = (function() {function root(env, context, frame, runtime, cb) {
var lineno = null;
var colno = null;
var output = "";
try {
output += "<div id=\"bar\">Hello ";
output += runtime.suppressValue(runtime.contextOrFrameLookup(context, frame, "name"), env.opts.autoescape);
output += "</div>\n";
cb(null, output);
;
} catch (e) {
  cb(runtime.handleError(e, lineno, colno));
}
}
return {
root: root
};
})();
})();

// Implementation
nunjucks.render('foo.html', {name: 'Bar'}, function(err, res) {
  document.getElementById('output').innerHTML = res;
});