juicy-jsoneditor | Vaadin
Contact us
Get started

Polymer Element that wraps josdejong/jsoneditor and adds two-way binding for edited JSON.

[ This description is mirrored from README.md at github.com/Juicy/juicy-jsoneditor on 2019-05-22 ]

<juicy-jsoneditor>

Polymer Element that wraps josdejong/jsoneditor and adds two-way binding for edited JSON.

Demo

Check it live!

Install

Install the component using Bower:

$ bower install juicy-jsoneditor --save

Or download as ZIP.

Usage

  1. Import Web Components' polyfill, if needed:

    <script src="bower_components/webcomponentsjs/webcomponents.min.js"></script>

  2. Import Custom Element:

    <link rel="import" href="bower_components/juicy-jsoneditor/juicy-jsoneditor.html">
<!-- josdejong/jsoneditor#104 workaround-->
<link rel="stylesheet" type="text/css" href="bower_components/jsoneditor/jsoneditor.min.css">

  3. Start using it!

    <juicy-jsoneditor></juicy-jsoneditor>

Options

Attribute Options Default Description
json Object {} JSON to edit.
mode String tree Editing mode, see API
modes Array of Strings List of editing modes to be available, see API
name String Object name, see API
search Boolean true Toggle search box, see API
indentation Number 2 Indentation, see API
history Boolean true Toggle history - undo, redo, see API

Properties

All attributes, plus:

Name Type Description
editor JSONEditor JSONEditor instance.

Methods

  • set,
  • setMode,
  • setName,
  • setText,
  • get,
  • getName,
  • getText

delegated to JSONEditor's methods

Events

Event event.details Description
change {action: "JSONEditor-action", params: {..} } Triggers when json changes.

Notes

Contributing and Development

History

For detailed changelog, check Releases.

License

Install

Link to this version
ImportedReleased 28 May 2018MIT License
Framework Support
Polymer 2.0+
Also supported:
Polymer 1 (1.1.1)
Browser Compatibility
Install with
bower install --save Juicy/juicy-jsoneditor"#1.3.0"
Run the above Bower command in your project folder. If you have any issues installing, please contact the author.
Release notes - Version 1.3.0

Dependencies

  • polymer#polymer#1.9 - 2
  • jsoneditor#^5.9.5
  • fast-json-patch#^2.0.6