json-markup

WebJar for json-markup

License	MIT
Categories	JSON Data
GroupId	org.webjars.npm
ArtifactId	json-markup
Last Version	1.1.0
Release Date	Jan 30, 2017
Type	jar
Description	json-markup WebJar for json-markup
Project URL	http://webjars.org
Source Code Management	https://github.com/mafintosh/json-markup

Download json-markup

Filename	Size
json-markup-1.1.0.pom
json-markup-1.1.0.jar	8 KB
json-markup-1.1.0-sources.jar	22 bytes
json-markup-1.1.0-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.npm/json-markup/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>json-markup</artifactId>
    <version>1.1.0</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.npm/json-markup/
implementation 'org.webjars.npm:json-markup:1.1.0'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.npm/json-markup/
implementation ("org.webjars.npm:json-markup:1.1.0")

Apache Buildr

'org.webjars.npm:json-markup:jar:1.1.0'

Apache Ivy

<dependency org="org.webjars.npm" name="json-markup" rev="1.1.0">
  <artifact name="json-markup" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.npm', module='json-markup', version='1.1.0')
)

Scala SBT

libraryDependencies += "org.webjars.npm" % "json-markup" % "1.1.0"

Leiningen

[org.webjars.npm/json-markup "1.1.0"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

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>

If you provide an object map with CSS style then style will be applied inline::

var jsonMarkup = require('json-markup')
var css2json = require('css2json')
var fs = require('fs')

var styleFile = css2json(fs.readFileSync('style.css', 'utf8'))
var html = jsonMarkup({hello:'world', foo: 'bar'}, styleFile)
console.log(html)

Now outputs looks like:

<div style="line-height:17px;font-size:13px;font-family:monospace;white-space:pre;">{
    <span style="font-weight:bold;">hello:</span> <span style="color:green;">"world"</span>,
    <span style="font-weight:bold;">foo:</span> <span style="color:green;">"bar"</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

Versions

Version
1.1.0 Jan 30, 2017