textarea - 比较两个不同 CodeMirror textarea 的变化

标签 textarea diff codemirror

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

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

最佳答案

CodeMirror Merge add-on正是你想要的。见 demo ,与您的描述相符。

起初我以为你想要一个单独的差异,显示在 div 中在您的 textarea 下方s 而不是其中之一 textarea s,我写了以下答案。它可能仍然有用。

Check out the google-diff-match-patch library, used by the CodeMirror Merge add-on. It’s not a drop-in solution, but it looks like you could use diff_main to get a list of original and changed text, and then display that yourself. The library also provides diff_prettyHtml, which outputs example markup for the diff.

关于textarea - 比较两个不同 CodeMirror textarea 的变化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18852566/

相关文章:

javascript - JS函数去除textarea中的尾随字母

javascript - 使用 JavaScript 显示 HTML 文本框中剩余的字符数

javascript - 通过JS使用RGB输入框上色

Git 差异 : is it possible to show ONLY changed lines

javascript - 将变量中的文本放入 codemirror textarea

javascript - TinyMCE - 添加键绑定(bind) CNRTL-S COMMAND-S 以调用 AJAX 保存功能

python - 如何优化递归算法使其不重复?

linux - 使用 diff 比较目录时,有没有办法从输出中排除某些文件差异?

javascript - JS 属性值 onclick 替换

javascript - 单击带有codemirror的按钮时如何撤消选定/突出显示的文本