juicy-jsoneditor
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
Install
Install the component using Bower:
$ bower install juicy-jsoneditor --save
Or download as ZIP.
Usage
Import Web Components' polyfill, if needed:
<script src="bower_components/webcomponentsjs/webcomponents.min.js"></script>
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">
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
juicy-jsoneditor
is a hybrid element.
Contributing and Development
History
For detailed changelog, check Releases.
License
<juicy-jsoneditor>
MITjosdejong/JSONEditor
Apache License
Links
Compatibility
Was this helpful? Need more help?
Leave a comment or a question below. You can also join
the chat on Discord or
ask questions on StackOverflow.
Version
Dependencies
- polymer#polymer#1.9 - 2
- jsoneditor#^5.9.5
- fast-json-patch#^2.0.6
- Released
- 2018-05-28
- Maturity
- IMPORTED
- License
- MIT License
Compatibility
- Framework
- Polymer 2.0+
- Polymer 1.0+ in 1.1.1
- Browser
- Browser Independent