我正在尝试使用两个不同textarea
的 s 显示相同的代码,但使用一个主控和另一个副本。在副本textarea
中,我想突出显示更改,类似于 GitHub 在我们进行一些更改时提供的内容。
我想知道这是否可能,或者是否有人以前做过类似的事情。欢迎任何建议。
我正在尝试使用两个不同textarea
的 s 显示相同的代码,但使用一个主控和另一个副本。在副本textarea
中,我想突出显示更改,类似于 GitHub 在我们进行一些更改时提供的内容。
我想知道这是否可能,或者是否有人以前做过类似的事情。欢迎任何建议。
CodeMirror Merge 插件正是您想要的。请参阅与您的描述相符的演示。
起初我以为您想要一个单独的差异,显示在您的 sdiv
下方textarea
而不是其中一个s中textarea
,我写了以下答案。它可能仍然有用。
查看CodeMirror Merge 插件使用的google-diff-match-patch库。这不是一个插入式解决方案,但看起来您可以用来获取原始和更改文本的列表,然后自己显示。该库还提供了 diff 的输出示例标记。
diff_main
diff_prettyHtml
Mergely是另一种使用 CodeMirror 产生非常好的视觉差异的选项,并且在 GPL、LGPL 和 MPL 许可下分发。它的GitHub 存储库在这里。
还有Prettydiff这不是很漂亮,但是当您单击底部的“执行”按钮时,您会得到一个有趣的视觉差异。不确定差异本身是使用 codemirror 还是只是生成差异的两个输入文本。