【免费】jsoneditor/JSON编辑器、html+script_htmljson编辑器,jsoneditor下载资源-CSDN下载

共8个文件

js：4个

css：2个

svg：1个

json

javascript

html

需积分: 0 145 浏览量更新于2023-06-21 1 收藏 498KB ZIP 举报

JSON编辑器是一个基于web的工具，用于查看、编辑、格式化和验证JSON。它有各种模式，如树编辑器、代码编辑器和纯文本编辑器。编辑器可以用作您自己的web应用程序中的组件。它可以作为CommonJS模块、AMD模块或常规javascript文件加载。

收起资源包目录

jsoneditor.zip （8个子文件）

jsoneditor

mode-json.js 5KB

jsoneditor.js 1.92MB

jsonlint.min.js 9KB

ace.js 364KB

css

img

jsoneditor-icons.svg 31KB

jsoneditor.css 41KB

jsoneditor.min.css 35KB

inde.html 1KB

身份认证购VIP最低享 7 折!

30元优惠券

资源推荐

资源预览

资源评论

<!DOCTYPE HTML> <html lang="en"> <head>  <meta charset="utf-8"> <link href="css/jsoneditor.css" rel="stylesheet" type="text/css"> <script src="js/jsoneditor.js"></script> <script src="js/ace.js"></script> <script src="js/jsonlint.min.js"></script>   <style>  .jsoneditor-transform{display: none;} .jsoneditor-repair{display: none;} .jsoneditor-poweredBy{display: none;} </style> </head> <body> <div id="jsoneditor" style="width: 100%; height: 600px;"></div> <script> // create the editor const container = document.getElementById("jsoneditor") const options = { mode: 'form', modes: ['code', 'form', 'tree', 'text'], onError: function(err) { alert(err.toString()); } } 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() console.log(updatedJson) </script> </body> </html>