Javascript工具/库，用于在浏览器中使用Javascript检测和显示文本中的更改，如git diff？

对于客户的内部网HR部门用户配置文件批准，为了快速跟踪经理批准对用户配置文件的更改，我们希望能够清楚地显示更改的文本

我希望有一些像git的diff，甚至是在堆栈溢出上使用的编辑引擎。我不确定这是否发生在客户端，但我想在客户端进行

我有一点谷歌左右，但不幸的是，关键字吸引了大量粗糙的非答案。我想外面一定有什么东西。。。但我既不是史高丽也不是穆德，时间是关键

（上下文：包含数据库数据的基本灯堆栈。）

例子：

在为比赛工作多年后，我加入了我们出色的公司

经过多年治疗便秘的经验，我加入了我们的道奇公司

显示： 在为nstipa公司工作多年后，我加入了 我们的道奇公司

显然，醒目或颜色更好，但在这里不可用

---

有没有善良的灵魂知道这样一个库，或者有他们想分享的小发明？

diff是一个*nix工具，也是一个git工具，所以它是一个很好的关键字，可以帮助您进行搜索；'javascript diff’抛出了一些东西，这看起来不错：

他们给出了浏览器内差异的示例：

<pre id="display"></pre>
<script src="diff.js"></script>
<script>
var one = 'beep boop';
var other = 'beep boob blah';

var diff = JsDiff.diffChars(one, other);

diff.forEach(function(part){
  // green for additions, red for deletions
  // grey for common parts
  var color = part.added ? 'green' :
    part.removed ? 'red' : 'grey';
  var span = document.createElement('span');
  span.style.color = color;
  span.appendChild(document
    .createTextNode(part.value));
  display.appendChild(span);
});
</script>

变量一=‘哔哔哔’声；
变量other=‘嘟嘟嘟嘟’的声音；
var diff=JsDiff.diffChars（一个，另一个）；
差异forEach（功能（部分）{
//绿色表示添加，红色表示删除
//普通零件为灰色
var color=part.added？'green'：
部分。删除“红色”：“灰色”；
var span=document.createElement（'span'）；
span.style.color=颜色；
span.appendChild（文档）
.createTextNode（part.value））；
display.appendChild（span）；
});

---

它产生的输出看起来就像你需要的一样。

同样为了完整性，还有这样一个：

问题:

和另一个工具：

和这个小发明

---

为什么人们投票结束这个问题？至少对你的理由留下评论。否则，我认为我认为这是粗鲁的行为是可以原谅的。人们投票决定结束这个问题，因为要求推荐工具的问题在stackoverflow中是离题的……以什么方式离题？我的意思是，如果有一个简单的JavaScript解决方案，我会很高兴有人向我展示一个普通的JavaScript解决方案。我觉得这令人困惑。是的，我很高兴地得出结论，这是非常粗鲁的。如果你想去投票，请礼貌地提供有意义的反馈。您可以在中找到许多相关的讨论。没有人对你无礼。如果您对该政策有疑问，请联系stackexchange。谢谢，我会查看一下！如果你有雄心壮志，这里有一个gret库，可以让你像谷歌文档一样进行实时编辑，这样你的编辑器就可以同时工作。我还没有尝试过这个图书馆，但希望有一天能尝试一下。。。看起来很有趣！你也打破了我的谷歌关键词荒，所以多亏了你和一杯茶，我又回到了完成这项任务的路上。干杯