我正在尝试使用两个不同的textareas 来显示相同的代码，但使用一个主控和另一个副本。在副本textarea 中，我想突出显示更改，类似于我们进行一些更改时 GitHub 提供的内容。
我想知道这是否可能，或者是否有人以前做过类似的事情。欢迎任何建议。
【问题讨论】：
标签： textarea diff codemirror
CodeMirror Merge add-on 正是您想要的。请参阅与您的描述相符的demo。
起初我以为你想要一个单独的差异，显示在div下面你的textareas而不是里面textareas之一，我写了以下答案。它可能仍然有用。
查看CodeMirror Merge add-on 使用的google-diff-match-patch 库。这不是一个插入式解决方案，但看起来您可以使用
diff_main获取原始和更改文本的列表，然后自己显示。该库还提供了diff_prettyHtml，它为差异输出示例标记。
【讨论】：
var target = document.getElementById("view");dv = CodeMirror.MergeView(target, {…});定义了一个textarea。另一个是通过传递the origLeft option 定义的，它会创建自己的textarea：origLeft: panes == 3 ? orig1 : null。 （传递给origLeft 和orig 选项的值表示用于填充它们各自的textareas 的字符串。）
Mergely 是另一个选项，它使用 CodeMirror 产生非常好的视觉差异，并在 GPL、LGPL 和 MPL 许可下分发。我是GitHub repo is here。
还有Prettydiff 这不是很漂亮，但是当您单击底部的“执行”按钮时，您会看到一个有趣的视觉差异。不确定差异本身是使用 codemirror 还是只是生成差异的两个输入文本。
【讨论】：