CodeMirror json代码高亮

CodeMirror是一个用JavaScript编写的开源代码编辑器，它支持语法高亮、代码折叠、搜索和替换等多种功能。为了在CodeMirror中实现JSON代码高亮，需要确保已经加载了JSON模式（mode）。

以下是如何在CodeMirror中实现JSON代码高亮的基本步骤：

1. 确保已经包含了CodeMirror的CSS和JS文件，以及相应的JSON模式文件。通常模式文件是通过`<script>`标签动态加载，或者是在编译CodeMirror时已经包含在内。

2. 在页面上创建一个`textarea`元素，这将作为编辑器的容器：

<textarea id="editor"></textarea>

3. 在加载页面的脚本中，初始化CodeMirror编辑器，并指定`mode`为`javascript`，因为CodeMirror将JSON视为JavaScript的一个子集，可以使用JavaScript模式来提供高亮：

var editor = CodeMirror.fromTextArea(document.getElementById("editor"), {
  lineNumbers: true,
  mode: "application/json", // 或者 "text/x-json"
  theme: "monokai" // 可以是其他你喜欢的主题
});

4. 如果用户输入的是JSON字符串，为了获得更好的高亮效果，可以在编辑器设置`mode`为`application/json`或者`text/x-json`。

5. 最后，还可以根据需要对编辑器进行其他配置，比如设置主题、字体大小、自动补全等。