Skip to content
This repository has been archived by the owner on Nov 2, 2020. It is now read-only.
/ JSONedit Public archive

User friendly, visual JSON editor built as an Angular 1 directive.

License

Notifications You must be signed in to change notification settings

mb21/JSONedit

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

50 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

JSONedit

User friendly, visual JSON editor built as an AngularJS directive. Provides a basic GUI to edit JSON.

Note: this project is not maintained anymore, since it's an AngularJS 1 directive.

Give it a try!

Use as Angular module

$ bower install json-edit
// require module in your app:
var app = angular.module('exampleApp', ['JSONedit']);
<!-- use somewhere in your template -->
<div class="jsonView">
    <json child="myJson" default-collapsed="false" type="object"></json>
</div>

<!-- include JSONedit files -->
<script src="bower_components/json-edit/js/directives.js"></script>
<link  href="bower_components/json-edit/css/styles.css" rel="stylesheet" type="text/css" />

<!-- include the dependencies in this order (if you don't already have them) -->
<script src="bower_components/json-edit/bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/json-edit/bower_components/jquery-ui/jquery-ui.min.js"></script>
<script src="bower_components/json-edit/bower_components/angular/angular.min.js"></script>
<script src="bower_components/json-edit/bower_components/angular-ui-sortable/sortable.min.js"></script>
<link  href="bower_components/json-edit/bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />

About

User friendly, visual JSON editor built as an Angular 1 directive.

Resources

License

Stars

Watchers

Forks

Packages

No packages published