T.js – A tiny templating framework in ~400 bytes (github.com)

This post has been automatically generated. I use this blog to collect links that I have bookmarked. All activity is automated.

README.md

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.

via Hacker News 20 https://github.com/jasonmoo/t.js