Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →

render-html-async

Package Overview

Dependencies

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

render-html-async

This is a template render engine. This is very light. This engine substitutes the query string parameters inside the html page and renders it

1.0.0
latest
Source
npm

Version published: 7 years ago

Weekly downloads: 2; increased by100%

Maintainers: 1

Weekly downloads

Created: 7 years ago

Source

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

path path arguments is physical path in folder.
url a. This could be querystring ?name=Umesh&age=45&gender=male

b. 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 rendering
callback This is call function with err as first argument and data as second argument( html string);
partials are 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);
    }
    })

Keywords

FAQs

What is render-html-async?

Is render-html-async popular?

Is render-html-async well maintained?

Package last updated on 30 Apr 2018

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install