handlebar-pretty-json

handlebar helper for prettifying json

Quick

var handlebars = require('handlebars')
var prettyJson = require('handlebars-prettyjson')

//initialize pretty json
prettyJson(handlebars)

//If applying css is not needed =>  pass second argument as true as belowo. 
//Later You can wirte your own css on hbs template file.
//prettyJson(handlebars,true)

//Example json data to be print on html
var jsonData = [{ name: 'Earth', order: 3, stats: { life: true, mass: 5.9736 * Math.pow(10, 24) } },
 { name: 'Saturn', order: 6, stats: { life: null, mass: 568.46 * Math.pow(10, 24) } }];

//pass the json to handlebars compile method as any other varriable
var html = handlebars.compile(template)({
    jsonDataToPrint: jsonData
});

//use 'prettyJson' helper like below in hbs template file
{{prettyJson jsonDataToPrint}}

Complete Sample

how to use 'handlebar-prettyjson'

https://github.com/dim912/handlebar-pretty-json/blob/master/sample/sample.js

hbs template

https://github.com/dim912/handlebar-pretty-json/blob/master/sample/index.hbs

Result

https://github.com/dim912/handlebar-pretty-json/blob/master/sample/result.JPG