比较两个不同CodeMirror textareas中的更改

Question

我正在尝试使用两个不同的textarea来显示相同​​的代码，但是有一个主副本和另一个副本。在副本textarea中，我想强调更改，类似于GitHub在进行一些更改时提供的更改。

我想知道这是否可行，或者之前有人做过类似的事情。欢迎任何建议。

Answer 1

CodeMirror Merge add-on正是您想要的。请参阅符合您描述的demo。

---

起初我以为你想要一个单独的差异，显示在div 下面你的textarea而不是里面其中一个{ {1}}，我写了以下答案。它可能仍然有用。

  

查看google-diff-match-patch使用的CodeMirror Merge add-on库。它不是一个简单的解决方案，但看起来您可以使用diff_main获取原始和更改文本的列表，然后自己显示。该库还提供textarea，它输出diff的示例标记。

Answer 2

Mergely是使用CodeMirror产生非常好的视觉差异的另一种选择，并且在GPL，LGPL和MPL许可下分发。它是GitHub repo is here。

Prettydiff也不是很漂亮，但当你点击＆＃34;执行＆＃34;在底部的按钮，你会得到一个有趣的视觉差异。不确定diff本身是使用codemirror还是仅使用生成diff的两个输入文本。