didida / t.js

A tiny javascript templating framework in ~400 bytes gzipped

t.js

A tiny javascript templating framework in ~400 bytes gzipped

t.js is a simple solution to interpolating values in an html string for insertion into the DOM via innerHTML.

Features

• Simple interpolation: {{=value}}
• Scrubbed interpolation: {{%unsafe_value}}
• Name-spaced variables: {{=User.address.city}}
• If/else blocks: {{value}} <<markup>> {{:value}} <<alternate markup>> {{/value}}
• If not blocks: {{!value}} <<markup>> {{/!value}}
• Object/Array iteration: {{@object_value}} {{=_key}}:{{=_val}} {{/@object_value}}
• Multi-line templates (no removal of newlines required to render)
• Render the same template multiple times with different data
• Works in all modern browsers

How to use

var template = new t("<div>Hello {{=name}}</div>");
document.body.innerHtml = template.render({name: "World!"});

For more advanced usage check the t_test.html.

This software is released under the MIT license.

---

Coffeescript version maintained by @davidrekow

PHP version maintained by @ramon82