FlexiJsonEditor - JQuery Json Viewer(Editor)

摘要:FlexiJsonEditor - JQuery Json Viewer(Editor)

這是一個jQuery json Editor 圖型顯示的套件
 

blog:

 
github - 右下角[Download ZIP]
 
 
 
 
 
我用到來將我爬下來的json 資料用圖型顯示
將資料爬下來後,放到textarea命名為id="result"
 
用json editor將資訊顯示使用如下
 
<script>
     var json = JSON.parse($("#result").val());
 
     $('#editor').jsonEditor(json, { change: function() {
        $('#json').html(JSON.stringify(json));
     } });
</script>