vue json对比进行编辑

最新推荐文章于 2024-09-16 07:12:58 发布

前端鲁班

最新推荐文章于 2024-09-16 07:12:58 发布

阅读量1.2k

点赞数

本文链接：https://blog.csdn.net/weixin_39547000/article/details/119634429

版权

本文介绍如何在Vue项目中利用codemirror和diff-match-patch库进行代码对比，并强调获取编辑后内容的方法。

摘要由CSDN通过智能技术生成

需求:对代码进行比较，并且提交修改后的代码

安装：npm install codemirror diff-match-patch --save

// 代码对比插件
import CodeMirror from 'codemirror'
import 'codemirror/lib/codemirror.css'
import 'codemirror/addon/merge/merge.js'
import 'codemirror/addon/merge/merge.css'
import DiffMatchPatch from 'diff-match-patch'
window.diff_match_patch = DiffMatchPatch
window.DIFF_DELETE = -1
window.DIFF_INSERT = 1
window.DIFF_E