Monaco Editor教程（七）： 实现版本对比功能

背景

在具有版本控制功能的WEB IDE 中，提交代码时，会有一个版本对比的功能，你可以点击每一个修改的文件，然后对比基础版本与当前修改的版本，被修改的地方会有颜色区分。这对于一个修改大文件，修改内容比较多时非常的实用。下面我们就使用monaco editor来实现这样的一个功能。

先看一下效果图：

对比功能实现

实现对比功能也是比较简单的，在创建 editor时需要使用createDiffEditor()方法，

diffEditor = monaco.editor.createDiffEditor(document.getElementById('container'),