render-html-async
v1.0.0
Published
This is a template render engine. This is very light. This engine substitutes the query string parameters inside the html page and renders it
Downloads
18
Maintainers
umeshbilagiReadme
render-html-async
This is a template render engine. This is very light. This engine substitutes the query string parameters of url to inside the html page and renders it
Usage
HTML page
observe {{key}} symbol they contain keys of url querystring.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
</head>
<body>
<h1>{{name}}</h1>
<h1>{{age}}</h1>
</body>
</html>method renderHTML
Method renderHTML takes two arguments and callback
pathpatharguments is physical path in folder.urla. This could be querystring?name=Umesh&age=45&gender=maleb. This couild object i.e
{name : "umesh", age : 45, gender : "male"}in above example name and gender are keys{{key}}is key of arguments these get replaced after renderingcallbackThis is call function with err as first argument and data as second argument( html string);partialsare also added. see below
var render = require("render-html-sync");//include in your module
test.renderHTML(__dirname + "/index.html", url, function(err, data){
if(err){
throw Error(err);
}else{
console.log(data);
}
})
method getParsedQueryString
This method returns json object from url with querystring
var url = "./index?name=umesh&age=49";
var queryJSON = render.getParsedQueryString(url);method createQueryString
This method creates queryString from json object
var jsonobj = {"name" : "Anthony", "age" : 35, "sex" : "nale"}
var queryString = render.createQueryString(jsonOBJ);Partials
First add Partials
test.addPartials("header", __dirname + "/header.html");
test.addPartials("footer", __dirname + "/footer.html");create html partials(templates)
- header Partial
{{get(header)}}
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
</head>
<body>
- footer Partial
{{get(footer)}}
</body>
</html>- acutual page with conatin this code
{{get(header)}}
<h1>{{name}}</h1>
<h1>{{age}}</h1>
{{get(footer)}}- call render method
test.renderHTML(__dirname + "/index.html", url, function(err, data){
if(err){
throw Error(err);
}else{
console.log(data);
}
})