@uiw/react-codemirror组件使用@codemirror/lang-json组件后，编辑器中的对象是raw格式，怎么转成pretty格式

`@uiw/react-codemirror`是一个基于React的CodeMirror封装库，而`@codemirror/lang-json`则是提供JSON语言支持的CodeMirror插件。当你使用这两个组件结合，并在编辑器中处理JSON对象时，默认展示的是原始的(raw)格式。

若想将编辑器中的JSON对象转换成易于阅读的漂亮(pretty)格式，你可以这样做：

1. **利用CodeMirror内置功能**：在CodeMirror中，有一些插件可以自动格式化JSON，如`@codemirror/mode/json`本身就支持这个功能。你可以在配置选项中启用它，例如：

   import { useCodeMirror } from '@uiw/react-codemirror';
   const editor = useCodeMirror({
     mode: 'json',
     theme: 'default', // 或者你喜欢的主题
     json: {
       formatOnSave: true, // 自动格式化保存
       formatOptions: {} // 格式化选项，比如indentSize等
     }
   });

2. **手动格式化**：如果不启用内置格式化，你也可以在用户修改内容后手动触发格式化。例如，当用户按下Enter键后，可以调用`editor.setValue(JSON.stringify(editor.getValue(), null, 2))`，其中`2`代表缩进级别。

3. **第三方插件**：如果你需要更复杂的功能，可以考虑引入第三方插件，如`@codemirror/format-json`，这是一个专门用于格式化的插件。

记得在实际应用中测试并调整设置，以满足你的具体需求。