JSON Editor Online 在线 JSON 编辑器插件

JSON Editor Online 在线 JSON 编辑器插件jsoneditoron

大家好,欢迎来到IT知识分享网。

<!DOCTYPE HTML>
<html lang=”en”>
<head>
    <!– when using the mode “code”, it’s important to specify charset utf-8 –>
    <meta charset=”utf-8″>

    <link href=”https://cdn.bootcdn.net/ajax/libs/jsoneditor/10.1.0/jsoneditor.css” rel=”stylesheet” type=”text/css”>
    <script src=”https://cdn.bootcdn.net/ajax/libs/jsoneditor/10.1.0/jsoneditor.js”></script>
</head>
<body>
    <div id=”jsoneditor” style=”width: 400px; height: 400px;”></div>

    <script>
        // create the editor
        const container = document.getElementById(“jsoneditor”)
        const options = {}
        const editor = new JSONEditor(container, options)
        
        // set json
        const initialJson = {

            “Array”: [1, 2, 3],
            “Boolean”: true,
            “Null”: null,
            “Number”: 123,
            “Object”: {“a”: “b”, “c”: “d”},
            “String”: “Hello World”
        }
        editor.set(initialJson)

        // get json
        const updatedJson = editor.get()
    </script>
</body>
</html>

在线:http://www.jsoneditoronline.org

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://haidsoft.com/153141.html

(0)
上一篇 2025-03-05 19:45
下一篇 2025-03-05 20:00

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信