JSON编辑器
在线JSON可视化编辑器，支持文本与树形双向编辑、格式化、验证、上传下载文件、本地自动存储。适用于API调试与配置编辑。
文本编辑
—
树形编辑
tree 模式
正在加载编辑器…
功能特性
双向同步编辑
文本编辑器与树形编辑器实时双向同步，修改任一侧自动更新另一侧。
树形可视化
以可折叠树形结构展示JSON层级，支持节点展开/折叠、拖拽排序、右键菜单操作。
多模式编辑
支持 Tree、View、Form、Code、Text 五种编辑模式，满足不同场景需求。
本地自动存储
编辑内容自动保存到浏览器本地存储，刷新或关闭页面后数据不丢失。
上传下载
支持上传本地JSON文件进行编辑，编辑完成后可下载为JSON文件。
明暗主题
完美适配明暗主题切换，语法高亮配色随主题自动调整。
使用说明
如何使用 JSON 编辑器？
- 在左侧文本编辑器中直接输入或粘贴JSON数据，右侧树形视图会自动同步更新。
- 在右侧树形编辑器中点击节点可直接编辑键名或值，修改后左侧文本自动更新。
- 点击「格式化」按钮美化JSON缩进，点击「压缩」按钮压缩成一行。
- 点击「验证」按钮检查JSON语法是否正确。
- 点击「示例」按钮加载示例数据，快速体验编辑功能。
- 点击「上传」按钮选择本地JSON文件，或点击「下载」保存当前编辑结果。
- 编辑内容会自动保存到浏览器本地，无需担心数据丢失。
- 在树形编辑器顶部可切换编辑模式（Tree/View/Form/Code/Text）。
编辑模式说明
- Tree 模式：完整的树形编辑，可添加、删除、拖拽节点，适合结构化编辑。
- View 模式：只读树形视图，适合查看和浏览大型JSON数据。
- Form 模式：表单式编辑，仅显示值不显示键，适合快速录入。
- Code 模式：带语法高亮的代码编辑器，适合手写JSON代码。
- Text 模式：纯文本编辑，最简模式。
常见问题
JSON 编辑器是免费的吗？
是的，本工具完全免费，无需注册登录。所有编辑操作在浏览器本地完成，数据不会上传到服务器，保障数据安全与隐私。
编辑的数据会保存吗？
会。编辑器会自动将数据保存到浏览器的 localStorage 中，即使刷新页面或关闭浏览器后重新打开，上次编辑的内容仍然保留。点击「清空」按钮可清除保存的数据。
文本编辑器和树形编辑器如何同步？
两个编辑器采用双向同步机制：在文本编辑器中输入有效的JSON后（停顿500ms或失焦时），树形编辑器会自动更新；在树形编辑器中修改节点后，文本编辑器也会实时同步更新。同步状态显示在工具栏右侧。
支持多大的JSON数据？
本工具基于浏览器运行，可处理数百KB级别的JSON数据。对于超大数据（超过1MB），树形编辑器的渲染速度可能会变慢，建议使用Text或Code模式进行编辑。
如何切换编辑模式？
在树形编辑器右上角有一个模式下拉菜单，可在 Tree、View、Form、Code、Text 五种模式之间切换。Tree 模式提供最完整的编辑功能，Code 模式适合手写代码，View 模式适合只读浏览。
上传的JSON文件有大小限制吗？
浏览器对文件上传没有严格的大小限制，但建议上传不超过 5MB 的JSON文件以获得最佳编辑体验。上传后文件内容会自动加载到编辑器中，您可以直接编辑并下载修改后的版本。