前端页面显示JSON数据,可高亮,可编辑

react项目中,后端传过来的json数据是这种类型没有格式化且带有特殊字符、空格

img

,要在前端页面点击弹框显示的是已格式化的json数据,而且代码可以高亮,可以编辑

img

已经试过 react-json-view ,但是效果是只能格式化jenkinsfile第一层

img

要怎样实现可格式化,且高亮,且可以能编辑的功能??!!

如果只是看数据结果,直接使用浏览器自带的json数据查看器即可。里面带了格式优化的功能。

react-json-pretty
https://www.npmjs.com/package/react-json-pretty

我看你 数据 jenkinsfile 像是 就是一个 字符串 且很长,字符串 没法再格式化了

不知道你这个问题是否已经解决, 如果还没有解决的话:

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^