Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

ist.js - Indented Selector Templating

Build Status

Selenium Test Status

Introduction

ist.js is a javascript DOM templating engine using a CSS selector-like syntax. Templates are text files, which are first parsed and compiled into a template object, and then rendered into a DOM document using a context object.

Head to the ist.js website for downloads and more information, including the complete documentation.

Here is a brief overview of an ist.js template:

div#content
    /* Article list */
    @each articles
        div.article
            h1 "{{ title }}"
            "{{ text }}"
            
        @unless comments.length
            "No comments yet !"
            
        @each comments
            div.comment "{{ this }}"
                
        form.newcomment
            label[for=name] "Name :"
            input.commentInput#name[type=text]
            textarea[cols=55]#commentArea "Enter your comment here"
                
@include "common/footer"

ist.js tries to reuse many syntax elements from CSS so that, in most cases, setting your editor to highlight CSS syntax will give nice results.

ist.js can be used either as a standalone script, as an AMD module or as a RequireJS plugin.

Feedback

Feedback is always welcome. Feel free to fork ist.js and send me pull requests, to report bugs using the issue tracker or to contact me on twitter as @njoyard.

License

ist.js is distributed under the MIT license. See the file LICENSE for more information.

Copyright (c) 2012-2014 Nicolas Joyard

About

Indented Selectors Templating - Javascript DOM templating engine using a CSS selector -like syntax

Resources

License

Packages

No packages published