JSFiddle - React, Tailwind, and code Playground

by ihope

HTML

<script src="http://mustache.github.io/extras/mustache.js"></script>
<h3>Normal Brackets</h3>
<p id="normalBrackets"></p>
<hr/>
<h3>Changed Brackets</h3>
<p id="changedBrackets"></p>

JavaScript

var view = {
  title: "uid0",
  calc: function () {
    return 2 + 4;
  }
};
/*                                                                           */
/* normalBrackets ========================================================== */
template = "{{title}} spends {{calc}}";
var output = Mustache.to_html(template, view);

document.getElementById("normalBrackets").innerHTML = output;

/* changedBrackets ========================================================== */
template_with_changed_brakets = "{{=<% %>=}}\n" 
// \n is important because to define new delimiters must be in separated line

template_with_changed_brakets += "<%title%> spends <%calc%>";

var output = Mustache.to_html(template_with_changed_brakets, view);

document.getElementById("changedBrackets").innerHTML = output;