FE流星

CODE Diff

左右对比、差异高亮、导航

CODE Diff

编辑器加载中…
编辑器加载中…
下方对比随输入实时更新
原始（左）
修改后（右）
1
{
1
{
2
-
  "name": "John",
2
+
  "name": "Jane",
3
  "age": 30,
3
  "age": 30,
4
-
  "city": "New York11"
4
+
  "city": "Boston"
5
}
5
}
使用说明
左右两栏使用 CodeMirror 代码编辑器（行号、折叠、JSON 语法高亮），输入原始与修改后代码；下方使用 react-diff-viewer 展示分栏 diff（类似 json.cn/diff）。对比随输入实时更新；可勾选「显示差异下划线」开启行内词级差异；「校验并刷新」用于检查输入是否超过 5MB。
限制：每侧输入不超过 5MB。