html, jsoneditor怎么只引入JSONEditor模块
时间: 2024-01-09 16:03:55 浏览: 52
如果你只想引入 JSONEditor 模块,可以使用以下代码:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JSONEditor Demo</title>
<!-- 引入 JSONEditor 的 CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jsoneditor/9.1.6/jsoneditor.min.css" integrity="sha512-Qp8mN4ZB7pEYmLJZyL4nDhK2nXx4WvT+3U8d0tGJ7Hx9z+Qs2FmWYR1JgByrj1QFvemgjKaJlC1+Wf+htzSgFw==" crossorigin="anonymous" />
</head>
<body>
<div id="jsoneditor"></div>
<!-- 引入 JSONEditor 的 JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jsoneditor/9.1.6/jsoneditor.min.js" integrity="sha512-eXzWFlzO7U0wzh4Ivt+u8wJ6Qd5H/+5P1QaBuD5J9DmC3vPjX2Mkz0M4K2vMvA5UWvFJiKt+jX4wg2jIg2X4kA==" crossorigin="anonymous"></script>
<script>
var container = document.getElementById("jsoneditor");
var options = {};
var editor = new JSONEditor(container, options);
</script>
</body>
</html>
```
在这里,我们只引入了 JSONEditor 的 CSS 和 JavaScript,然后创建了一个容器 `div`,并在脚本中使用它来实例化 JSONEditor。