JavaScripting

The definitive source of the best
JavaScript libraries, frameworks, and plugins.


  • ×

    T.js

    A tiny javascript templating framework in ~400 bytes gzipped
    Filed under  › 

    • 🔾27%Overall
    • 797
    • 232.8 days
    • 🕩90
    • 👥5

    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

    Show All