handlebars-json-beauty
Version:
handlebars helper for printing prettyfied json
55 lines (51 loc) • 1.6 kB
HTML
<html>
<head>
<title>HandleBard PrettyJson Sample template
</title>
</head>
<pre>{
<span class="key">"id":</span> <span class="number">2</span>,
<span class="key">"name":</span> <span class="string">"An ice sculpture"</span>,
<span class="key">"price":</span> <span class="number">12.5</span>,
<span class="key">"warranty":</span> <span class="boolean">true</span>,
<span class="key">"tags":</span> [
<span class="string">"cold"</span>,
<span class="string">"ice"</span>
],
<span class="key">"otherDetails":</span> {
<span class="key">"length":</span> <span class="number">7</span>,
<span class="key">"width":</span> <span class="number">12</span>,
<span class="key">"height":</span> <span class="number">9.5</span>,
<span class="key">"warehouseLocation":</span> {
<span class="key">"latitude":</span> <span class="number">-78.75</span>,
<span class="key">"longitude":</span> <span class="number">20.4</span>
}
}
}</pre> <style>
pre {
font-family: cursive;
background-color: #c8cccf;;
outline: 0px solid #ccc;
padding: 5px;
margin: 5px;
color: #6d6868;;
}
.string {
color: #160dbf;
}
.number {
color: darkorange;
}
.boolean {
color: red;
}
.null {
color: magenta;
}
.key {
color: rgb(207, 38, 188);
}
</style>
<body>
</body </html>