{"id":13508024,"url":"https://github.com/Glavin001/ember-jsoneditor","last_synced_at":"2025-03-30T09:33:19.324Z","repository":{"id":17390109,"uuid":"20162391","full_name":"Glavin001/ember-jsoneditor","owner":"Glavin001","description":"Ember component to view, edit and format JSON.","archived":false,"fork":false,"pushed_at":"2020-03-29T21:24:04.000Z","size":4021,"stargazers_count":18,"open_issues_count":1,"forks_count":18,"subscribers_count":4,"default_branch":"master","last_synced_at":"2024-05-17T00:02:32.140Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://glavin001.github.io/ember-jsoneditor/","language":"JavaScript","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/Glavin001.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-05-25T18:40:25.000Z","updated_at":"2020-08-17T09:25:04.000Z","dependencies_parsed_at":"2022-09-11T07:51:06.243Z","dependency_job_id":null,"html_url":"https://github.com/Glavin001/ember-jsoneditor","commit_stats":null,"previous_names":[],"tags_count":15,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Glavin001%2Fember-jsoneditor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Glavin001%2Fember-jsoneditor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Glavin001%2Fember-jsoneditor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Glavin001%2Fember-jsoneditor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Glavin001","download_url":"https://codeload.github.com/Glavin001/ember-jsoneditor/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246301963,"owners_count":20755512,"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":[],"created_at":"2024-08-01T02:00:45.897Z","updated_at":"2025-03-30T09:33:18.940Z","avatar_url":"https://github.com/Glavin001.png","language":"JavaScript","readme":"ember-jsoneditor [![npm version](https://badge.fury.io/js/ember-jsoneditor.svg)](http://badge.fury.io/js/ember-jsoneditor)\n==============================================================================\n\n\n\n\u003e Ember component for [JSON Editor](https://github.com/josdejong/jsoneditor/) to view, edit and format JSON.\n\n**Live demo**: http://glavin001.github.io/ember-jsoneditor/\n\n\nCompatibility\n------------------------------------------------------------------------------\n\n* Ember.js v3.4 or above\n* Ember CLI v2.13 or above\n* Node.js v10 or above\n\nPrevious versions compatibility\n* ember-json-editor v9.3 - Ember.js 2.4 and above\n\nInstallation\n------------------------------------------------------------------------------\n\n```\nember install ember-jsoneditor\n```\n\n\nUsage\n------------------------------------------------------------------------------\n\n```handlebars\n\u003cJsonEditor @json={{this.model}} @mode={{this.mode}} @name={{this.name}} /\u003e\n```\n\nFor Ember versions \u003c 3.4, you need to use classic component invocation:\n\n```handlebars\n{{json-editor json=model mode=mode name=name}}\n```\n\nFor a complete example, see the [dummy test app in `tests/dummy/app/`](https://github.com/Glavin001/ember-jsoneditor/tree/master/tests/dummy/app).\n\n## Documentation\n\nSee [jsoneditor](https://github.com/josdejong/jsoneditor/blob/master/docs/api.md) for configuration details.  ember-jsoneditor supports the following jsoneditor options:\n\n\nOption      | Description                                                                       | Default\n------------|-----------------------------------------------------------------------------------|------------\nchange      | maps to jsoneditor's onChange event                                               | null\nerror       | maps to jsoneditor's onError event                                                | null\nexpand      | if true, renders with json tree expanded                                          | false\nhistory     | Enables history undo/redo button                                                  | true\nindentation | number of indentation spaces                                                      | 2\nmode        | Editor mode - modes                                                               | tree\nmodes       | Drop down to select editor mode.  Options: 'tree', 'view', 'form', 'code', 'text' | All options\nname        | Field name for the JSON root node,                                                | null\nsearch      | boolean - show editor search box                                                  | true\n\n\nExample using event options\n\n```handlebars\n{{!-- app/templates/application.hbs --}}\n\n\u003cJsonEditor \n  @json={{this.model}} \n  @mode={{this.mode}} \n  @name={{this.name}} \n  @change={{action 'itChanged'}} \n  @error={{action 'myError'}} \n/\u003e\n```\n\n```javascript\n// app/controllers/application.js\nimport Controller from '@ember/controller';\n\nexport default Controller.extend({\n   /// ....\n   actions: {\n    myError(error){\n      alert(`Error: ${error}`)\n    },\n\n    itChanged() {\n      alert(\"The Data Changed!\");\n    }\n  }\n})\n```\n\n\n\nContributing\n------------------------------------------------------------------------------\n\nSee the [Contributing](CONTRIBUTING.md) guide for details.\n\n\nLicense\n------------------------------------------------------------------------------\n\nThis project is licensed under the [MIT License](LICENSE.md).\n","funding_links":[],"categories":["open source json editors"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FGlavin001%2Fember-jsoneditor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FGlavin001%2Fember-jsoneditor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FGlavin001%2Fember-jsoneditor/lists"}