{"id":19346865,"url":"https://github.com/juicy/juicy-jsoneditor","last_synced_at":"2025-10-16T17:33:16.529Z","repository":{"id":411099,"uuid":"20701961","full_name":"Juicy/juicy-jsoneditor","owner":"Juicy","description":"Polymer Element that wraps josdejong/jsoneditor and adds two-way binding for edited JSON.","archived":false,"fork":false,"pushed_at":"2022-05-25T23:13:54.000Z","size":275,"stargazers_count":42,"open_issues_count":12,"forks_count":12,"subscribers_count":12,"default_branch":"master","last_synced_at":"2024-04-14T12:14:56.226Z","etag":null,"topics":["polymer","used-in-starcounter-app"],"latest_commit_sha":null,"homepage":"http://juicy.github.io/juicy-jsoneditor/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Juicy.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-06-10T21:16:30.000Z","updated_at":"2024-04-05T04:33:43.000Z","dependencies_parsed_at":"2022-08-16T10:20:56.397Z","dependency_job_id":null,"html_url":"https://github.com/Juicy/juicy-jsoneditor","commit_stats":null,"previous_names":[],"tags_count":18,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Juicy%2Fjuicy-jsoneditor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Juicy%2Fjuicy-jsoneditor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Juicy%2Fjuicy-jsoneditor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Juicy%2Fjuicy-jsoneditor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Juicy","download_url":"https://codeload.github.com/Juicy/juicy-jsoneditor/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240457944,"owners_count":19804489,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["polymer","used-in-starcounter-app"],"created_at":"2024-11-10T04:12:53.879Z","updated_at":"2025-10-16T17:33:11.487Z","avatar_url":"https://github.com/Juicy.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# \u0026lt;juicy-jsoneditor\u0026gt;\n\n[![Published on Vaadin  Directory](https://img.shields.io/badge/Vaadin%20Directory-published-00b4f0.svg)](https://vaadin.com/directory/component/Juicyjuicy-jsoneditor)\n[![Stars on Vaadin Directory](https://img.shields.io/vaadin-directory/star/Juicyjuicy-jsoneditor.svg)](https://vaadin.com/directory/component/Juicyjuicy-jsoneditor)\n\n\u003e Polymer Element that wraps [josdejong/jsoneditor](http://github.com/josdejong/jsoneditor) and adds two-way binding for edited JSON.\n\n## Demo\n\n[Check it live!](http://juicy.github.io/juicy-jsoneditor)\n\n## Install\n\nInstall the component using [Bower](http://bower.io/):\n\n```sh\n$ bower install juicy-jsoneditor --save\n```\n\nOr [download as ZIP](https://github.com/juicy/juicy-jsoneditor/archive/master.zip).\n\n## Usage\n\n1. Import Web Components' polyfill, if needed:\n\n    ```html\n    \u003cscript src=\"bower_components/webcomponentsjs/webcomponents.min.js\"\u003e\u003c/script\u003e\n    ```\n\n2. Import Custom Element:\n\n    ```html\n    \u003clink rel=\"import\" href=\"bower_components/juicy-jsoneditor/juicy-jsoneditor.html\"\u003e\n    \u003c!-- josdejong/jsoneditor#104 workaround--\u003e\n    \u003clink rel=\"stylesheet\" type=\"text/css\" href=\"bower_components/jsoneditor/jsoneditor.min.css\"\u003e\n    ```\n\n3. Start using it!\n\n    ```html\n    \u003cjuicy-jsoneditor\u003e\u003c/juicy-jsoneditor\u003e\n    ```\n\n## Options\n\nAttribute      | Options            | Default  | Description\n---            | ---                | ---      | ---\n`json`         | *Object*           | `{}`     | JSON to edit. This could be object reference given via property or stringified JSON via attribute\n`mode`         | *String*           | `tree`   | Editing mode, see [API](https://github.com/josdejong/jsoneditor/blob/master/docs/api.md#constructor)\n`modes`        | *Array of Strings* |          | List of editing modes to be available, see [API](https://github.com/josdejong/jsoneditor/blob/master/docs/api.md#constructor)\n`name`         | *String*           |          | Object name, see [API](https://github.com/josdejong/jsoneditor/blob/master/docs/api.md#constructor)\n`search`       | *Boolean*          | `true`   | Toggle search box, see [API](https://github.com/josdejong/jsoneditor/blob/master/docs/api.md#constructor)\n`indentation`  | *Number*           | `2`      | Indentation, see [API](https://github.com/josdejong/jsoneditor/blob/master/docs/api.md#constructor)\n`history`      | *Boolean*          | `true`   | Toggle history - undo, redo, see [API](https://github.com/josdejong/jsoneditor/blob/master/docs/api.md#constructor)\n\n## Properties\nAll attributes, plus:\n\nName          | Type            |  Description\n---           | ---             | ---\n`editor`      | *JSONEditor*    |  [JSONEditor](https://github.com/josdejong/jsoneditor/blob/master/docs/api.md#constructor) instance.\n\n## Methods\n\n- `set`,\n- `setMode`,\n- `setName`,\n- `setText`,\n- `get`,\n- `getName`,\n- `getText`\n\ndelegated to [`JSONEditor`'s methods](https://github.com/josdejong/jsoneditor/blob/master/docs/api.md#methods)\n\n## Events\n\nEvent    | event.details                                  | Description\n---      | ---                                            | ---\n`change` | `{action: \"JSONEditor-action\", params: {..} }` | Triggers when json changes.\n\n## Notes\n- `juicy-jsoneditor` is a [hybrid element](https://www.polymer-project.org/2.0/docs/devguide/hybrid-elements). \n\n## [Contributing and Development](CONTRIBUTING.md)\n\n## History\n\nFor detailed changelog, check [Releases](https://github.com/juicy/dummyCRM/releases).\n\n## License\n\n - `\u003cjuicy-jsoneditor\u003e` MIT\n - `josdejong/JSONEditor` [Apache License](https://github.com/josdejong/jsoneditor/blob/master/LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjuicy%2Fjuicy-jsoneditor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjuicy%2Fjuicy-jsoneditor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjuicy%2Fjuicy-jsoneditor/lists"}