网站首页 > 教程文章正文

文字来找茬(文本对比工具)

jxf315 2024-12-01 07:28:07 教程文章 86 ℃

日常工作中是否有被小小的文字找茬过？在一堆文字中“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、在浏览器打开后，我们就可以愉快的使用啦，把需要对比的文字内容分别粘贴到左右两侧的文本框中去，小工具就会立马显示出它们的差异了，是不是很好用~

上一篇：第八十六天-背包问题，MarkDown, technical writing
下一篇： JQuery实现页面点击产生文字和爱心效果

网站首页 > 教程文章 正文

文字来找茬(文本对比工具)

猜你喜欢

网站首页 > 教程文章正文