文本差异比较工具jsdifflib介绍

IT那活儿发布于2023-01-11 13:19 / 3749人阅读

文本差异比较工具jsdifflib介绍

点击上方“IT那活儿”公众号，关注后了解更多内容，不管IT什么活儿，干就完了！！！

今天分享一个用来比较文本差异的JavaScript库，可以实现类似于Git的文件版本差异比较功能。

先看一下使用效果图，jsdifflib可以通过side by side和inline两种方式来比较文本差异，内容的新增、修改和删除能够通过不同颜色来区分。

jsdifflib在工程中如何使用呢？

首先需要去开源网站下载jsdifflib库，下载完成后放到工程的静态资源处。

新建一个fileDiff.html文件，该文件主要用来展示差异比较结果，引用Jquery库和jsdifflib的Js和Css文件。

在body标签内放入左右文本元素以及比较的触发按钮。

在JavaScript中放入diffUsingJS方法，该方法通过调用jsdifflib库实现文本差异比较，方法包含一个参数，用来控制side by side和inline两种展示方式。

以上就是fileDiff.html文件的主要内容，我们在使用过程中通过父页面触发方式来打开比较页，这里使用layui的弹框实现，在弹框完成的回调方法中向fileDiff.html传入新旧文本内容，并调用diffUsingJS方法来渲染差异结果。

jsdifflib还有基于Python的使用方式，感兴趣的朋友可以私下尝试。

本文作者：孙涛涛(上海新炬王翦团队）

本文来源：“IT那活儿”公众号

GPU云服务器云服务器 js文本比较工具文本框栏目介绍 java开发工具介绍服务器性能测试工具介绍

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/129209.html

深度学习即将攻陷的下一领域：NLP—ACL2016优秀论文解读上

摘要：而自然语言处理被视为深度学习即将攻陷的下一个技术领域，在今年全球较高级的学术会议上，我们也看到大量的在深度学习引入方面的探索研究。和也是近几年暂露头角的青年学者，尤其是在将深度学习应用于领域做了不少创新的研究。深度学习的出现让很多人工智能相关技术取得了大幅度的进展，比如语音识别已经逼近临界点，即将达到Game Changer水平；机器视觉也已经在安防、机器人、自动驾驶等多个领域得到应用。 ...

mengera88 2019-04-25 18:06 评论0 收藏0
MirrorGAN出世！浙大等提出文本-图像新框架，刷新COCO纪录

摘要：最近，来自浙江大学悉尼大学等高校的研究人员，提出一种新颖的全局局部注意和语义保持的文本图像文本框架来解决这个问题，这种框架称为。目前，论文已被接收。乔婷婷，浙江大学计算机学院博士研究生，目前在悉尼大学陶大程教授研究小组工作。 GAN又开辟了新疆界。去年英伟达的StyleGAN在生成高质量和视觉逼真的图像，骗过了无数双眼睛，随后一大批假脸、假猫、假房源随之兴起，可见GAN的威力。StyleGA...

marser 2019-04-25 18:33 评论0 收藏0
如何编写自己的虚拟DOM

摘要：要构建自己的虚拟，需要知道两件事。现在来看看如何处理上面描述的所有情况。代码如下节点的替换首先，需要编写一个函数来比较两个节点旧节点和新节点，并告诉节点是否真的发生了变化。总结现在我们已经编写了虚拟实现及了解它的工作原理。 showImg(https://segmentfault.com/img/bVbmPue?w=2000&h=684); 要构建自己的虚拟DOM，需要知道两件事。你甚...

mushang 2019-08-23 14:35 评论0 收藏0