在线文本对比工具(文字来找茬文本对比工具)
在线文本对比工具(文字来找茬文本对比工具)2、复制下面代码块内容到文档中去并保存1、我们在电脑上新建一个文本文档,命名为:文本对比工具.txt但实际上它们是有区别的,这种因为字体的原因,导致有些字符很相似,光靠我们的肉眼很难分辨,这个时候我们就需要借助工具来帮我们区别啦。在工具的帮助下,我们一眼就看出哪里有问题了,是不是很方便?下面给大家介绍下怎么使用这个小工具
日常工作中是否有被小小的文字找茬过?在一堆文字中“l和1”、“I和1”等出现时,我们傻傻分不清?找了半天问题,最后发现只是因为一个小小字符不一样,导致我们的工作滞后,是不是很恼火?
别怕,给大家推荐一个小工具,也让我们来找找文字的茬,喜欢的记得关注收藏点赞哦。
大家能一眼看出以下两行文本有什么不同吗?
反正我是觉得没啥区别[呲牙]
但实际上它们是有区别的,这种因为字体的原因,导致有些字符很相似,光靠我们的肉眼很难分辨,这个时候我们就需要借助工具来帮我们区别啦。
在工具的帮助下,我们一眼就看出哪里有问题了,是不是很方便?
下面给大家介绍下怎么使用这个小工具
1、我们在电脑上新建一个文本文档,命名为:文本对比工具.txt
2、复制下面代码块内容到文档中去并保存
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width initial-scale=1 user-scalable=0 viewport-fit=cover">
<title>文本对比工具</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.32.0/codemirror.css" />
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/mergely/4.3.9/mergely.min.css">
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.32.0/codemirror.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.32.0/addon/search/searchcursor.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/mergely/4.3.9/mergely.min.js"></script>
</head>
<body>
<div class="mergely-full-screen-8">
<div class="mergely-resizer">
<div id="mergely"></div>
</div>
</div>
<script>
$(document).ready(function () {
$('#mergely').mergely({
license: 'lgpl-separate-notice'
});
});
</script>
</body>
</html>
3、将《文本对比工具.txt》文件的扩展名txt改成html,最终文件名为《文本对比工具.html》。
有警告信息,我们直接点确认
最终文件如下
4、鼠标在《文本对比工具.html》文件上右键,在打开方式里选择使用浏览器打开。
5、在浏览器打开后,我们就可以愉快的使用啦,把需要对比的文字内容分别粘贴到左右两侧的文本框中去,小工具就会立马显示出它们的差异了,是不是很好用~