xtal-json-editor

WebJar for xtal-json-editor

License	MIT
Categories	JSON Data
GroupId	org.webjars.bowergithub.bahrus
ArtifactId	xtal-json-editor
Last Version	0.0.12
Release Date	May 9, 2018
Type	jar
Description	xtal-json-editor WebJar for xtal-json-editor
Project URL	http://webjars.org
Source Code Management	https://github.com/bahrus/xtal-json-editor

Download xtal-json-editor

Filename	Size
xtal-json-editor-0.0.12.pom
xtal-json-editor-0.0.12.jar	555 KB
xtal-json-editor-0.0.12-sources.jar	22 bytes
xtal-json-editor-0.0.12-javadoc.jar	22 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/org.webjars.bowergithub.bahrus/xtal-json-editor/ -->
<dependency>
    <groupId>org.webjars.bowergithub.bahrus</groupId>
    <artifactId>xtal-json-editor</artifactId>
    <version>0.0.12</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/org.webjars.bowergithub.bahrus/xtal-json-editor/
implementation 'org.webjars.bowergithub.bahrus:xtal-json-editor:0.0.12'

Gradle Kotlin

// https://jarcasting.com/artifacts/org.webjars.bowergithub.bahrus/xtal-json-editor/
implementation ("org.webjars.bowergithub.bahrus:xtal-json-editor:0.0.12")

Apache Buildr

'org.webjars.bowergithub.bahrus:xtal-json-editor:jar:0.0.12'

Apache Ivy

<dependency org="org.webjars.bowergithub.bahrus" name="xtal-json-editor" rev="0.0.12">
  <artifact name="xtal-json-editor" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='org.webjars.bowergithub.bahrus', module='xtal-json-editor', version='0.0.12')
)

Scala SBT

libraryDependencies += "org.webjars.bowergithub.bahrus" % "xtal-json-editor" % "0.0.12"

Leiningen

[org.webjars.bowergithub.bahrus/xtal-json-editor "0.0.12"]

Dependencies

compile (2)

Group / Artifact	Type	Version
org.webjars.bowergithub.polymer : polymer	jar	[2.0.0,3)
org.webjars.bowergithub.bahrus : json-merge	jar	[0.1.0,0.2)

Project Modules

There are no modules declared in this project.

<xtal-json-editor>

Vanilla web component wrapper around josdejong's awesome, most excellent JSON Editor api, which can be found at https://github.com/josdejong/jsoneditor

Although the web component does not depend on Polymer, it can work with its binding. The output of the editor can either be text, or JSON, as specified by the as attribute:

    <div>Input:</div>
    <xtal-json-editor id="firstEditor" options="{}" as="json"></xtal-json-editor>
    <p-d on="edited-result-changed" to="xtal-json-editor{input}"></p-d>
    <div>Output:</div>
    <xtal-json-editor options="{}"></xtal-json-editor>

The markup above is using the pass down element (p-d) to bind the two instances together, but you can also use Polymer or custom event handling.

Viewing Your Element

$ npm install
$ npm run serve

or

<script type=module src="https://cdn.pika.dev/xtal-json-editor"></script>

Versions

Version
0.0.12 May 9, 2018
0.0.6 Feb 3, 2018