[](https://www.webcomponents.org/element/bahrus/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: ```html

Input:

Output:

``` The markup above is using the [pass down element (p-d)](https://www.webcomponents.org/element/p-d.p-u) to bind the two instances together, but you can also use Polymer or custom event handling. ## Install the Polymer-CLI First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally. ## Viewing Your Element ``` $ polymer serve ``` ## Running Tests WIP