json可视化编辑器

包含以下脚本到html:

<link rel="stylesheet" href="jsoneditor.css"/>
<script src="jquery.min.js"></script>
<script src="jquery.jsoneditor.js"></script>

创建一个div用来显示json:

<div id="editor" class="json-editor"></div>

<script>
var json= {
	"string":"foo"
}
$('#editor').jsonEditor(json, { change: function(data){
	//更新json 如: $('#json').val(JSON.stringify(json));			
}, propertyclick: function(path){
	console.log(path);
}});
</script>

问题当编辑有语法错误时，会将值设null

所以，需要实用，还需要进行改进