fczbkk-template

Template

Simple template object that outputs DOM node.

How to use

// setup the template instance
var my_template = new Template();
my_template.setContent('<p>Hello, my name is %name%.</p>');
my_template.setData({name: 'Riki Fridrich'});
 
// get the content as HTML
my_template.getHtml();  // --> <p>Hello, my name is Riki Fridrich.</p>
 
// get the DOM Node
my_template.getDom();  // --> same as above, but DOM instead of string
 
// you can even define default values
var my_template = new Template();
my_template.setContent('<p>%greeting|Hi%, my name is %name|John Doe%.</p>');
my_template.setData({greeting: 'Hello'});
my_template.getHtml();  // --> <p>Hello, my name is John Doe.</p>

Documentation

Template

Class representing a template object.

constructor

Create template object.

Parameters

• content string=(default '') Content of the template. Variable names wrapped in delimiters will be replaced with values from data.
• data Object=(default {}) Keys wrapped in delimiters will be replaced by values.
• custom_options TemplateOptions=(default {}) Properties defined here will replace default options.

getDom

Applies the data on the template and returns result as DOM Node.

Returns (Element|DocumentFragment)

getHtml

Applies the data on the template and returns result as a string.

Examples

var my_template = new Template('aaa %bbb% ccc', {bbb: 'xxx'});
// returns 'aaa xxx ccc'
my_template.getHtml();

Returns string

setContent

Set content of the template. Will completely replace existing content.

Parameters

• content string=(default '')

Returns Template

setData

Set data of the template. New data will be added to the existing ones.

Parameters

• data Object=(default {})

Examples

var my_template = new Template();
my_template.setData({aaa: 'bbb', ccc: 'ddd'});
my_template.setData({ccc: 'xxx', eee: 'fff'});
// returns {aaa: 'bbb', ccc: 'xxx', eee: 'fff'}
my_template.data;

Returns Template

setOptions

Set options of the template.

Parameters

• options Object=(default {})

Returns Template

TemplateOptions

Bug reports, feature requests and contact

If you found any bugs, if you have feature requests or any questions, please, either file an issue at GitHub or send me an e-mail at [e-mail].

License

Template is published under the MIT license.