JS Micro Template

js-micro-template

// http://ejohn.org/blog/javascript-micro-templating/ by John Resig
(function(w){
  var cache = {};
 
  w.tmpl = function tmpl(str){
    var fn = !/\W/.test(str) ?
      cache[str] = cache[str] ||
        tmpl(document.getElementById(str).innerHTML) :
      new Function("obj",
        "var p=[],print=function(){p.push.apply(p,arguments);};" +

        "with(obj){p.push('" +
        str
          .replace(/[\r\t\n]/g, " ")
          .split("<%").join("\t")
          .replace(/((^|%>)[^\t]*)'/g, "$1\r")
          .replace(/\t=(.*?)%>/g, "',$1,'")
          .split("\t").join("');")
          .split("%>").join("p.push('")
          .split("\r").join("\\'")
      + "');}return p.join('');");
    return fn;
  };
})(window);

//example usage:
var tmplFn = tmpl(
'<% for ( var i = 0; i < users.length; i++ ) { %>'+
'<li><a href="<%=users[i].url%>"><%=users[i].name%></a></li>'+
'<% } %>'
);
console.log(tmplFn({
  users: [{
    name: 'Mike',
    url: '#mike'
  }, {
    name: 'Tome',
    url: '#tom'
  }]
}));