码迷,mamicode.com
首页 > Web开发 > 详细

JSON在线格式化 jsoneditor使用

时间:2019-07-31 15:13:45      阅读:390      评论:0      收藏:0      [点我收藏+]

标签:ToJson   png   string   number   width   ring   asc   ons   too   

 

    const placeholder = {
        string: ‘hello world!‘,
        boolean: true,
        color: ‘#6c928c‘,
        number: 123,
        null: null,
        array: [1, 2, 3],
        object: {a: ‘b‘, c: ‘d‘, e: ‘f‘}
    };
    const json_editor = new JSONEditor(document.getElementById("json_editor"), {mode: ‘code‘}, placeholder);
    const tree_editor = new JSONEditor(document.getElementById("tree_editor"), null, placeholder);
    tree_editor.expandAll();

    function toTree() {
        tree_editor.set(JSON.parse(json_editor.getText()));
        tree_editor.expandAll();
    }

    function toJson() {
        json_editor.setText(JSON.stringify(tree_editor.get(), null, 2))
    }

  实现效果

~~~技术图片

在线DEMO(https://oktools.net/json)

JSON在线格式化 jsoneditor使用

标签:ToJson   png   string   number   width   ring   asc   ons   too   

原文地址:https://www.cnblogs.com/vivec/p/11275887.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!