背景
在具有版本控制功能的WEB IDE 中,提交代码时,会有一个版本对比的功能,你可以点击每一个修改的文件,然后对比基础版本与当前修改的版本,被修改的地方会有颜色区分。这对于一个修改大文件,修改内容比较多时非常的实用。下面我们就使用monaco editor来实现这样的一个功能。
先看一下效果图:
对比功能实现
实现对比功能也是比较简单的,在创建 editor时需要使用createDiffEditor()
方法,
diffEditor = monaco.editor.createDiffEditor(document.getElementById(container),</