比较两个文本并找出差异

Question

我正在开发 AngularJS 应用程序，我想比较文本并突出显示另一个 div 中的差异。下面是我的代码

$scope.left="one two three";
$scope.right="one two four";

<div>{{diff}}</div>

在上面的上下文中，如果我们比较两个作用域的左侧和右侧，我们就会知道 $scope.left 中的“三”是额外的，而 $scope.right 中的“四”是额外的。所以我们需要用红色突出“三”，用绿色突出“四”，这样就很容易找到区别。

有没有我可以使用此功能的插件或库？

Answer 1

我知道一个很好的库 jsdiff： https: //github.com/kpdecker/jsdiff

一个简单的例子： http: //incaseofstairs.com/jsdiff/

这是您正在寻找的吗？