比较两个不同CodeMirror文本区域中的更改

Question

我正在尝试使用两个不同的textareas显示相同的代码，但是使用一个母版和另一个副本。在副本中textarea，我想强调一些更改，类似于我们进行某些更改时GitHub提供的内容。

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

Answer 1

正是您想要的CodeMirror Merge加载项。请参阅与您的描述相匹配的演示。

起初我还以为你想要一个独立的差异，在显示的div 下方你textarea真是让人不是里面的一个textareaS，和我写了下面的答案。它可能仍然有用。

查看CodeMirror Merge附加组件使用的google-diff-match-patch库。这不是嵌入式解决方案，但看起来您可以用来获取原始文本和更改过的文本的列表，然后自己显示。该库还提供，输出diff的示例标记。diff_maindiff_prettyHtml

如果查看[示例]（http://codemirror.net/demo/merge.html）的源代码，则可以看到使用var target = document.getElementById（“ view”）;定义了一个文本区域。 dv = CodeMirror.MergeView（target，{…}）;`。另一个是通过传递[origLeft选项]（http://codemirror.net/doc/manual.html#addon_merge）定义的，它创建了自己的textarea：origLeft：panes == 3？orig1：null`。（传递给`origLeft`和`orig`选项的值代表用其各自的`textarea`填充的字符串。） (2认同)