CodeMirror.MergeView
最近项目上需要实现2个文本的比较展示功能,找了一圈发现 CodeMirror.MergeView 自带这个功能,其实里面用的diff插件是Google的 diff-match-patch ,在github的星星还蛮多,就用选择这个插件了。 下面写个demo以便备忘。 安装依赖 npm install codemirror npm install diff-match-patch 完整代码 < template > < div id = " view " > </ div > </ template > < script > 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_EQUAL = 0 export