HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>interpolate — mixed</title>
</head>
<body>
  <h1>Mustache + evaluate</h1>
  <pre id="out"></pre>
  <script src="https://cdn.jsdelivr.net/npm/lodash@4.17.21/lodash.min.js"></script>
  <script>
    var openIf = "<" + "% if (vip) { %" + ">";
    var openElse = "<" + "% } else { %" + ">";
    var closeBlock = "<" + "% } %" + ">";
    var src =
      openIf + "hi {{ name }} (vip)" + openElse +
      "hi {{ name }}" + closeBlock;
    var compiled = _.template(src, {
      interpolate: /{{([\s\S]+?)}}/g
    });
    document.getElementById("out").textContent =
      compiled({ name: "Sam", vip: true }) + "\n" +
      compiled({ name: "Sam", vip: false });
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

Lodash _.templateSettings.interpolate — Mustache + evaluate (Try It)