Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Prettyprint JSON to HTML
JavaScript CSS
branch: master

0.1.6

latest commit 0be72848a4
@mafintosh authored
Failed to load latest commit information.
LICENSE
README.md
component.json
example.html
index.js
makefile now with component examples
package.json
style.css

README.md

json-markup

Prettyprint JSON to HTML

It is available through npm

npm install json-markup

or as a component for the browser

component install mafintosh/json-markup

json-markup will take a JSON document and add markup to it so it can be styled in a browser.

Usage

var jsonMarkup = require('json-markup');

var html = jsonMarkup({hello:'world'});

console.log(html);

The above example will print the following HTML

<div class="json-markup">{
    <span class="json-markup-key">hello:</span> <span class="json-markup-string">"world"</span>
}</div>

Afterwards you can use css to style your output to your liking. A stylesheet similar to JSON view is included in style.css

License

MIT

Something went wrong with that request. Please try again.