t.js
is a simple solution to interpolating values in an html string for insertion into the DOM via innerHTML
.
- Simple interpolation:
{{=value}}
- Scrubbed interpolation:
{{%unsafe_value}}
- Name-spaced variables:
{{=User.address.city}}
- If/else blocks:
{{value}} <<markup>> {{:value}} <<alternate markup>> {{/value}}
- If/else blocks:
{{value=='x'}} <<markup>> {{:value=='x'}} <<alternate markup>> {{/value=='x'}}
( === == > < >= <= != ) - 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
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