大家好,欢迎来到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