jsoneditor 超好用的json编辑器及图标问题解决

jsoneditor 超好用的json编辑器及图标问题解决

注：本文为作者原创文章，为知乎本人账号分享

1.引言

项目里之前用的json编辑器react-json-editor-ajrm，做的时候看似好用，可谁知真正用到项目里，一旦复制粘贴长一点的json，页面就卡顿到不能用，此等严重问题岂能容忍！于是我搜遍npm，终于找到一款效率高、功能齐全的json编辑器—jsoneditor,由一个叫做Jos de Jong的荷 兰大叔开发的，让我们来欣赏一下他的盛世美颜：

2.链接

发现菜鸟工具里的json编辑器就是用他做的，下面是其链接。

菜鸟工具 ：https://c.runoob.com/front-end/53

npm地址 : https://www.npmjs.com/package/jsoneditor

github: https://github.com/josdejong/jsoneditor

3.优势介绍

（1）五种编辑查看模式 code、树形、文本、表单、视图

在此只介绍好用的code及树形

code代码模式 ：可以展开，压缩，排序，精确报错，command+f搜索，格式化，前进回退，功能基本能满足需求，而且粘贴不