blocks|key|2014060|text|jsdifflib内联模式比较，请尝试调整上下文大小以仅显示所需的更改窗口。有一个演示here|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2014061|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/cemerick/jsdifflib|1|http://cemerick.github.com/jsdifflib/demo.html^0|0|9|0|17|4|1|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]|$A|R|B|S|1|T]]|C|$]]|$1|D|3|-4|5|6|7|U|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|M]]]]

<a href="https://github.com/cemerick/jsdifflib" rel="noreferrer">jsdifflib</a> inline mode comparison, try tweaking the context size to display just the desired window of change you want. There's a demo <a href="http://cemerick.github.com/jsdifflib/demo.html" rel="noreferrer">here</a>

blocks|key|1800511|text|为了提高速度，我完全重新构建了jsdifflib实用程序。因为我的版本不需要DOM访问，它的速度至少快4.5倍，而且它还被扩展以突出显示每行中的字符差异。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1800512|http://prettydiff.com/diffview.js|offset|length|1800513|您可以直接使用http://prettydiff.com/上的在线工具进行测试|1800514|entityMap|0|LINK|mutability|MUTABLE|url|1|http://prettydiff.com/^0|0|0|X|0|0|7|M|1|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@$D|S|E|T|1|U]]|A|$]]|$1|F|3|G|5|6|7|V|8|@]|9|@$D|W|E|X|1|Y]]|A|$]]|$1|H|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|C]]|O|$5|K|L|M|A|$N|P]]]]

I completely rebuilt the jsdifflib utility for speed. Since my version does not require DOM access it at least 4.5 times faster, and it is also extended to highlight character differences in each line.

<a href="http://prettydiff.com/diffview.js" rel="noreferrer">http://prettydiff.com/diffview.js</a>

You can test this out with the online tool directly at <a href="http://prettydiff.com/" rel="noreferrer">http://prettydiff.com/</a>

blocks|key|1800695|text|还有来自谷歌的google-diff-match-patch|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1800696|也可在NPM上使用|1800697|npm+install+diff-match-patch|code-block|syntax|javascript|1800698|entityMap|0|LINK|mutability|MUTABLE|url|http://code.google.com/p/google-diff-match-patch/|1|https://www.npmjs.com/package/diff-match-patch^0|7|N|0|0|3|3|1|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|6|7|Y|8|@]|9|@$A|Z|B|10|1|11]]|C|$]]|$1|F|3|G|5|H|7|12|8|@]|9|@]|C|$I|J]]|$1|K|3|-4|5|6|7|13|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]|S|$5|N|O|P|C|$Q|T]]]]

There's also <a href="http://code.google.com/p/google-diff-match-patch/" rel="noreferrer">google-diff-match-patch</a> from Google

Also available on <a href="https://www.npmjs.com/package/diff-match-patch" rel="noreferrer">NPM</a>

<pre><code>npm install diff-match-patch
</code></pre>

blocks|key|2014451|text|查看我的最小实现：https://github.com/Slava/diff.js|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2014452|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/Slava/diff.js^0|9|W|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Checkout my minimal implementation: <a href="https://github.com/Slava/diff.js" rel="nofollow">https://github.com/Slava/diff.js</a>

blocks|key|2013626|text|一般来说，我对linux或linux中的diff实用程序了解不多，但这可能就是您正在寻找的jsdifflib。你可以在那里找到一个活生生的例子，看看它是否适用于你。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2013627|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/cemerick/jsdifflib^0|19|9|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

I dont know much about the diff utility in linux or linux in general, but this might be what you are looking for <a href="https://github.com/cemerick/jsdifflib" rel="nofollow noreferrer">jsdifflib</a>. You can find a live example there and see if it works for you.

blocks|key|1800710|text|查看CodeMirror。努夫说。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1800711|entityMap|0|LINK|mutability|MUTABLE|url|http://codemirror.net/demo/merge.html^0|2|A|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Check out <a href="http://codemirror.net/demo/merge.html" rel="nofollow">CodeMirror</a>. Nuff said.

blocks|key|1800909|text|查看wikEd+diff+JavaScript库。还有一个online+tool。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1800910|wikEd+diff具有内联文本比较功能，具有块移动突出显示和基于字符/单词的分辨率。它针对Wikipedia源文本进行了优化，但对任何类型的文本或代码都很有效。该库代码是完全可定制的，具有Unicode支持，被广泛注释，并且属于公共领域。|1800911|entityMap|0|LINK|mutability|MUTABLE|url|https://en.wikipedia.org/wiki/User:Cacycle/diff|1|http://cacycle.altervista.org/wikEd-diff-tool.html^0|2|A|0|T|B|1|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@$A|Q|B|R|1|S]|$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|6|7|W|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|X|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]|N|$5|I|J|K|C|$L|O]]]]

Check out the the <a href="https://en.wikipedia.org/wiki/User:Cacycle/diff" rel="nofollow" title="wikEd diff">wikEd diff</a> JavaScript library. There is also an <a href="http://cacycle.altervista.org/wikEd-diff-tool.html" rel="nofollow" title="online tool">online tool</a>.

wikEd diff features inline text comparisons with block move highlighting and character/word-based resolution. It is optimized for Wikipedia source text, but works great for any type of text or code. The library code is fully customizable, has Unicode support, is extensively commented, and is in the public domain.

blocks|key|1800956|text|老问题，我知道，但是如果你在做节点工作，或者想要一些能兼容requirejs/commonjs模块的东西|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1800957|我真的很喜欢https://www.npmjs.com/package/diff|offset|length|1800958|console.log(diff.createPatch('some+file+name.txt',+expected,+actual));|code-block|syntax|javascript|1800959|entityMap|0|LINK|mutability|MUTABLE|url|https://www.npmjs.com/package/diff^0|0|6|Y|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@$D|U|E|V|1|W]]|A|$]]|$1|F|3|G|5|H|7|X|8|@]|9|@]|A|$I|J]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

old question i know, but if your doing node work or want something that is compatible with requirejs/commonjs module

I've really liked <a href="https://www.npmjs.com/package/diff" rel="nofollow">https://www.npmjs.com/package/diff</a>

<pre><code>console.log(diff.createPatch('some file name.txt', expected, actual));
</code></pre>

blocks|key|2013637|text|jsdifflib看起来很有前途--试试从该页面链接的演示。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2013638|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/cemerick/jsdifflib^0|0|9|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

<a href="https://github.com/cemerick/jsdifflib" rel="nofollow noreferrer">jsdifflib</a> looks promising - try the demo linked from that page.

I'm looking for a diff equivalent written in JavaScript that only returns/prints relevant lines. I don't want both full text displayed next to each other with the differences highlighted, but just want the actual differences (plus some buffer lines to know where the difference is), similar to the output from the linux diff utility.

Does anybody know a javascript function that does this? All differences should be recognized (even changed whitespace). Thanks.

JavaScript based diff utility

我正在寻找一个用JavaScript编写的diff等效项，它只返回/打印相关的行。我不希望两个全文并排显示，并突出显示差异，而只是想要实际的差异(加上一些缓冲区行来知道差异在哪里)，类似于linux diff实用程序的输出。有没有人知道javascript函数可以做到这一点？所有的差异都应该被识别出来(即使改变了空格)。谢谢。

问基于JavaScript的比较实用程序
EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问基于JavaScript的比较实用程序EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问基于JavaScript的比较实用程序
EN