codemirror怎么格式化json串

CodeMirror 提供了一种名为 `formatting` 的插件，可以用于格式化 JSON 数据。使用该插件，可以将 JSON 数据格式化成易于阅读的形式，并且可以自定义格式化选项。

以下是一个使用 `formatting` 插件格式化 JSON 数据的示例：

import CodeMirror from 'codemirror';
import 'codemirror/addon/formatting/formatting';
import 'codemirror/addon/formatting/json';

const jsonData = {
  name: 'John Doe',
  age: 30,
  email: 'johndoe@example.com'
};

const editor = CodeMirror(document.getElementById('editor'), {
  mode: 'application/json',
  lineNumbers: true,
  extraKeys: {
    'Ctrl-Space': 'autocomplete',
    'Ctrl-Q': function(cm) {
      cm.foldCode(cm.getCursor());
    },
    'Cmd-Space': 'autocomplete',
    'Cmd-Q': function(cm) {
      cm.foldCode(cm.getCursor());
    }
  },
  gutters: ['CodeMirror-lint-markers'],
  lint: true
});

editor.setValue(JSON.stringify(jsonData));
editor.autoFormatRange({ from: editor.firstLine(), to: editor.lastLine() });

在以上示例中，我们首先引入了 `formatting` 插件和 `json` 格式化器，然后创建了一个 CodeMirror 编辑器，并将 `mode` 设置为 `application/json`。接着，我们使用 `setValue` 方法将 JSON 数据设置为编辑器的文本内容，并使用 `autoFormatRange` 方法格式化 JSON 数据。需要注意的是，`autoFormatRange` 方法只能在编辑器实例化之后生效。

此外，我们还通过 `extraKeys` 属性添加了一些快捷键，比如 `Ctrl-Space` 用于自动完成、`Ctrl-Q` 用于代码折叠等。我们还将 `gutters` 属性设置为 `['CodeMirror-lint-markers']`，以启用代码审查功能。

最后，我们调用 `autoFormatRange` 方法对 JSON 数据进行格式化。这将使 JSON 数据以易于阅读的方式呈现在编辑器中。