Simple template engine on JavaScript [closed]

Question

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.

---

Questions asking us to recommend or find a tool, library or favorite off-site resource are off-topic for Stack Overflow as they tend to attract opinionated answers and spam. Instead, describe the problem and what has been done so far to solve it.

Closed 8 years ago.

Improve this question

I need a good simple template engine for HTML on JS. I'm looking for a third-party library like jQuery. Or maybe within jQuery already exists any temlate engine? Can advise something?

Answer 1

A good start : https://github.com/janl/mustache.js

Another nice one http://handlebarsjs.com/ or http://underscorejs.org/

Templates comparison :

http://engineering.linkedin.com/frontend/client-side-templating-throwdown-mustache-handlebars-dustjs-and-more

Answer 2

The simplest one is included in underscore.js or lodash.js It works like this

var list = "<% _.each(people, function(name) { %> <li><%= name %></li> <% }); %>";

_.template(list, {people: ['moe', 'curly', 'larry']});

// => "<li>moe</li><li>curly</li><li>larry</li>"

Apart from templating, underscore is also a great JS utility belt.

Handlebars and Mustache are a bit more complex and allow to build more sophisticated templates.