jsonformatter

WebJar for jsonformatter

License

License

Categories

Categories

JSON Data ORM
GroupId

GroupId

org.webjars.npm
ArtifactId

ArtifactId

jsonformatter
Last Version

Last Version

0.7.0
Release Date

Release Date

Type

Type

jar
Description

Description

jsonformatter
WebJar for jsonformatter
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/mohsen1/json-formatter

Download jsonformatter

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.npm/jsonformatter/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>jsonformatter</artifactId>
    <version>0.7.0</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.npm/jsonformatter/
implementation 'org.webjars.npm:jsonformatter:0.7.0'
// https://jarcasting.com/artifacts/org.webjars.npm/jsonformatter/
implementation ("org.webjars.npm:jsonformatter:0.7.0")
'org.webjars.npm:jsonformatter:jar:0.7.0'
<dependency org="org.webjars.npm" name="jsonformatter" rev="0.7.0">
  <artifact name="jsonformatter" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.npm', module='jsonformatter', version='0.7.0')
)
libraryDependencies += "org.webjars.npm" % "jsonformatter" % "0.7.0"
[org.webjars.npm/jsonformatter "0.7.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 Formatter

Build Status Code Climate

JSON Formatter is an AngularJS directive for rendering JSON objects in HTML with a collapsible navigation.

Screebshot

Now also available in pure JavaScript with zero dependency!

Usage

  • Install via Bower or npm

    bower install json-formatter --save

    ...or

    npm install jsonformatter --save
  • Add jsonFormatter to your app dependencies

    angular.module('MyApp', ['jsonFormatter'])
  • Use <json-formatter> directive

    <json-formatter json="{my: 'json'}" open="1"></json-formatter>
  • open attribute accepts a number which indicates how many levels rendered JSON should be opened

Configuration

You can use JSONFormatterConfig provider to configure JOSN Formatter.

Available configurations

Hover Preview
  • hoverPreviewEnabled: enable preview on hover
  • hoverPreviewArrayCount: number of array items to show in preview Any array larger than this number will be shown as Array[XXX] where XXX is length of the array.
  • hoverPreviewFieldCount: number of object properties to show for object preview. Any object with more properties that thin number will be truncated.

Example using configuration

app.config(function (JSONFormatterConfigProvider) {

  // Enable the hover preview feature
  JSONFormatterConfigProvider.hoverPreviewEnabled = true;
});

Demo

See Examples here

Known Bugs

hashKey

If you are iterating in an array of objects using ng-repeat, make sure you are using track by $index to avoid adding extra $$hashKey to your objects.

Browser Support

All modern browsers are supported. Lowest supported version of Internet Explorer is IE9.

License

Apache 2.0

See LICENSE

Versions

Version
0.7.0
0.6.0