t.js es un novedoso y potente framework para el uso de templates en JavaScript. Este sistema de plantillas es una solución muy simple a un problema muy común que aparece a la hora de trabajar con este lenguaje.
JavaScript siempre tuvo esa gran falencia de no tener un buen motor de templates, por lo que generar código HTML desde el lenguaje resulta en algo un poco sucio, para solucionar este inconveniente es que existe t.js.
Este sistema se encuentra liberado bajo licencia MIT. Una de las principales ventajas es su peso, unos despreciables 400 bytes en su versión simplificada y comprimida mediante gzip.
Sin lugar a duda su principal fuerte es su sencillez de uso, a continuación un ejemplo para que se den una idea.
Ejemplo de uso:
var template = new t("<div>Hello {{=name}}</div>");
document.body.innerHtml = template.render({name: "World!"});
¿Simple verdad?
Cuando descarguen el sistema van a encontrar una completa guía de uso, con muchísimos ejemplos y distintas implementaciones, el ejemplo que muestro es el más sencillo de todos.
Web: t.js
Javier
13 años ago
Yo vengo usando el de underscore desde hace tiempo y es genial.. La sintaxis me parece mucho mas clara y natural que la de t.js
Está creado por el autor de jQuery (John Resig) y modificado para underscore. La version original (muy basica) se encuentra en su blog:
http://ejohn.org/blog/javascript-micro-templating/
Se puede usar con underscore (o lodash), aunque tambien se puede encontrar standalone en varios sitios, o usando el custom-builds de lodash:
lodash include=template
El resultado es:
http://pastebin.com/FTAtRDgf
Sin minificar y con todos los comentarios:
http://pastebin.com/i3b3YW8f
La documentación está en la web de underscore y en varios sitios mas.
Saludos!