JSON 在线格式化编辑器

🚦 JSON 错误精准定位

在「设置」中开启「语法校验」后，错误处会显示红色波浪线作为视觉提示。

搭配编辑区域右下角状态栏的「错误定位」按钮，可以一键跳转到错误位置 —— 处理那些"扫一眼也看不出哪里出错"的复杂 JSON、或者动辄上万行无法格式化的脏数据时尤其救命，把"找错误"这个最枯燥的环节压缩到一次点击。

📊 状态栏动态信息

编辑区域与预览区域底部各有独立状态栏，随光标和选区状态智能切换：

• 光标 / 选区基础信息：行列号、总行数、选中行数与字符数。
• 全文匹配统计：选中文本若在文档中有多处副本，自动追加「共 N 处匹配」，无需打开搜索框。
• 全选时显示文件大小：按 UTF-8 字节计算（中文 3B、emoji 4B），免开外部工具量体积。
• Diff 模式左右两侧独立刷新。

🗂️ 折叠摘要预估规模

在预览区域中折叠任意 JSON 节点时，折叠行末尾会自动显示当前节点的规模摘要：

• 对象折叠后显示「N keys」，即该对象包含 N 个键
• 数组折叠后显示「N items」，即该数组包含 N 个元素
• 完全不需要展开就能看清每个对象 / 数组的规模 —— 在面对几万行的大型嵌套 JSON 时，配合 Monaco 的缩进引导线，可以自顶向下快速建立对整份 JSON 的结构认知，这是浏览大型 JSON 最高效的探索方式。

🎯 AST 智能选中 · 一键 Base64 / URL 编解码

编辑区域与预览区域的双击行为均基于 AST 语法树识别，跨引号、跨转义都能精准选中整段字符串边界，与传统的"双词选中"完全不同。

• 编辑区域双击字符串：仅选中，不复制（方便修改）
• 预览区域双击字符串：选中并自动复制到剪贴板（方便取值）
• 选中文本后右键菜单：可对选中内容进行 Base64 编码 / 解码、URL 编码 / 解码，原地替换 —— 处理 token、签名、URL 参数等场景无需切换其他工具。
• 对比（Diff）模式同样支持：左右编辑器都可以双击智能选中字符串、右键菜单一键编解码，排查接口前后差异时无需切回普通模式。

🧰 编辑区右键菜单：把常用处理动作放到光标旁边

编辑区域的右键菜单不是简单的复制粘贴，而是把 JSON 调试时最常用的局部处理动作集中到光标旁边；选中文本时优先处理选区，未选中时可直接处理当前编辑内容并把结果写入预览区。

• 剪贴板与路径：剪切、复制、粘贴、Copy Path，一键复制当前字段路径，适合定位接口字段、编写脱敏规则或排序路径。
• 发送到 Diff：可把当前编辑内容直接填入 JSON Diff 左侧或右侧；仅当目标侧为空时显示，避免误覆盖已有对比内容。
• 编码处理：对选中文本进行 Base64 编码 / 解码、URL 编码 / 解码，适合处理 token、签名、Cookie、URL 参数等片段。
• 数组处理：数组排序、数组去重、数组转文本行、按 key 提取 value，处理 ID 列表、枚举值、接口返回数组时很省时间。
• 文本行处理：文本行排序、文本行去重、文本行转数组、去除空行、去除每行前后空格、批量添加 / 移除前后缀，适合把日志、CSV 片段、接口字段列表快速整理成 JSON 可用的数据。

🔄 一键内容转移（保留折叠状态）

在编辑区域与预览区域中间的可拖动分割线上方，有一个带箭头图标的方块按钮（指向编辑区域）。点击后，会把预览区域的处理结果一键转移到编辑区域。

不仅数据会被完整转移，预览区域里已折叠的层级状态也会同步保留 —— 方便你在处理大型复杂 JSON 时持续聚焦正在分析的层级关系，避免每次格式化后都被全部展开、打乱思路。

📐 双击面板头：50% / 100% 占比切换

双击编辑区域或预览区域上方的标题栏，可在「左右各 50%」与「单边 100% 全宽」之间切换。处理超长行 JSON 或字段密集的 JSON 时尤其顺手。

📋 多格式自动折叠

编辑区域不仅识别 JSON，输入 YAML / TOML / XML / CSS / HTML 等结构化文本时，也会按缩进或标签自动提供折叠功能 —— 把它当作通用的结构化文本查看器也很顺手。

⌨️ 完整 Monaco 快捷键

全套 VS Code 同款快捷键，老开发者上手零成本。