https://github.com/DavidDurman/FlexiJsonEditor

JSON editor jQuery plugin
https://github.com/DavidDurman/FlexiJsonEditor

Last synced: about 2 months ago
JSON representation

JSON editor jQuery plugin

• Host: GitHub
• URL: https://github.com/DavidDurman/FlexiJsonEditor
• Owner: DavidDurman
• License: other
• Created: 2011-10-04T15:38:31.000Z (about 13 years ago)
• Default Branch: master
• Last Pushed: 2019-02-05T10:36:16.000Z (almost 6 years ago)
• Last Synced: 2024-03-24T08:01:36.296Z (9 months ago)
• Language: JavaScript
• Homepage: http://jsonmate.com
• Size: 323 KB
• Stars: 560
• Watchers: 38
• Forks: 143
• Open Issues: 19
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-data-ui - FlexiJsonEditor
• awesome-json - JSON editor jQuery plugin - component for you web apps/pages. (jQuery) (Frontend components)

README

        
JSON editor jQuery plugin

=========================

A JSON editor component for you web apps/pages.

[Blog post](http://www.daviddurman.com)

[Live example](http://www.daviddurman.com/flexi-json-editor/jsoneditor.html)

INSTALLATION

============

Include these lines into your HTML:

        

        

        

USAGE

=====

        var myjson = { any: { json: { value: 1 } } };

        var opt = { 

            change: function(data) { /* called on every change */ },

            propertyclick: function(path) { /* called when a property is clicked with the JS path to that property */ }

        };

        /* opt.propertyElement = ''; */ // element of the property field,  is default

        /* opt.valueElement = ''; */  // element of the value field,  is default

        $('#mydiv').jsonEditor(myjson, opt);

[![Bitdeli Badge](https://d2weczhvl823v0.cloudfront.net/DavidDurman/flexijsoneditor/trend.png)](https://bitdeli.com/free "Bitdeli Badge")