jsonedit
/
example.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<meta charset="utf-8">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css"></link>
<link rel="stylesheet" href="jsonedit/jsonedit.css"></link>
<script src="assets/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="jsonedit/jsonedit.js"></script>
<script type="text/javascript">
    $(window).load(function(){
        var json='{"上海":["浦东"],"四川":["成都","攀枝花"],"福建":["福州","厦门","泉州"]}';
        var json2=eval('('+json+')');
        jsonedit.init("JSON",json);
        jsonedit.init("JSON2",json2);
    });
</script>
</head>
<body>
    <div class="treejson" id="JSON" >
    </div>
    <div class="treejson" id="JSON2" >
    </div>
</body>