有人知道这是什么js库做出来的效果吗？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

这是一个创建于 3860 天前的主题，其中的信息可能已经有所发展或是发生改变。

截的知乎的图。

最新版的wordpress也支持这种前后版本对比的diff浏览图。

有人知道这是用什么js库做出来的效果吗？

12 条回复 • 1970-01-01 08:00:00 +08:00

manhere

2013-09-24 15:04:41 +08:00

php的倒是见过，js没见过

est

2013-09-24 15:05:06 +08:00

这个都需要js？直接输出<strike style="color: green">不就行了么？

hustlzp

2013-09-24 15:09:40 +08:00

@est 不是这个意思，就是比对前后2个版本的文本。

hustlzp

2013-09-24 15:10:33 +08:00

@est 相当于一个diff引擎+HTML输出

est

2013-09-24 15:15:18 +08:00

turing

2013-09-24 15:19:17 +08:00

@hustlzp 应该没那么复杂，不需要一个diff引擎那么复杂。lz可以看看codemirror的文档，cm就支持记录每一步的编辑修改，如果需要比对编辑前版本和编辑结束版本的差别，直接查询cm的记录就可以了，每一个编辑修改了什么，删除了什么，它都会记录下来。

hustlzp

2013-09-24 15:42:35 +08:00

@est
@turing 感谢二位，去研究下~

hustlzp

2013-09-24 15:55:03 +08:00

@est

再次感谢！
在github上也找到了一个js库 https://github.com/kpdecker/jsdiff
可以在 char/word/line 3个层次上进行diff

ijse

2013-09-24 17:53:40 +08:00

@hustlzp 请问， node.js有什么开源的diff引擎推荐吗？

emohacker

2013-09-24 19:16:57 +08:00

@est strike标签已经不再使用，html5规范用 del 标签替代 http://www.w3school.com.cn/html5/tag_strike.asp

hustlzp

2013-09-24 21:24:03 +08:00

@ijse 上面说的jsdiff（ https://github.com/kpdecker/jsdiff ）就可以在node下用。

npm install diff

ijse

2013-09-24 23:20:45 +08:00

@hustlzp 谢谢，，不过有对比两个对象的吗？