CSDN博文：自制浏览器端文本批量处理小工具｜支持查找替换、删除内容、正则表达式
文章目录
- CSDN博文：自制浏览器端文本批量处理小工具｜支持查找替换、删除内容、正则表达式
前言
平时处理文本的时候，经常需要做批量替换、批量删除某些字符串，很多在线网页工具广告一大堆，部分工具还会把粘贴的文本上传到第三方服务器，存在内容泄露风险。
于是自己写了一个纯前端轻量文本处理小工具，全部运算在浏览器本地完成，不会把你的文本上传到任何服务器，支持普通文本和正则表达式，部署在 GitHub Pages，打开网页直接就能用。
项目开源地址：https://github.com/dxiangwiki/text-replace-tool
在线体验地址：https://dxiangwiki.github.io/text-replace-tool/
⚠️ 建议直接保存网页链接收藏，无需安装任何软件，浏览器打开即用。
✨工具特性
- 两种工作模式
- 模式1：查找替换，支持正则捕获分组
$1$2 - 模式2：匹配指定内容直接删除，支持正则表达式
- 原生浏览器运行，数据本地计算，粘贴的所有文本不会外传，隐私安全
- B端简洁UI，Toast消息提示，没有恼人的浏览器alert弹窗
- 支持正则开关，普通字符串不用转义直接使用
- 一键复制处理后的结果，一键清空全部内容
- 单页面应用，无后端，部署简单，可本地离线打开 index.html 使用
📖 使用教程
在线使用
打开在线地址：https://dxiangwiki.github.io/text-replace-tool
操作步骤
- 选择模式：
- 模式1【查找替换】 ：适合把指定内容替换成别的文本；勾选启用正则，就可以写正则规则，支持捕获分组
$1、$2 - 模式2【删除指定内容】：匹配到的字符直接删除，不需要填写替换内容
- 需要正则能力就勾选
启用正则表达式；普通文本替换不要勾选 - 在源文本框粘贴需要处理的原始内容
- 填写匹配规则，点击【执行处理】
- 处理结果会输出到右侧只读框，点击【复制结果】即可拿到处理完成的文本
提示：如果正则语法写错，页面会展示正则错误提示，方便调试。
本地离线使用
不想在线访问，也可以本地运行：
- 克隆/下载仓库代码
- 直接双击打开
index.html，不需要搭建任何服务，浏览器直接打开即可正常全部功能。
📦项目部署（Github Pages）
这个项目只有三个文件：
index.html：工具主页面README.md：项目说明文档LICENSE：MIT开源协议
部署步骤简单记录：
- 新建github仓库
text‑replace‑tool - 将3个文件提交推送到 main 分支
- 仓库设置 → Pages，源选择
Deploy from a branch，分支选择main，根目录/(root) - 等待1‑2分钟即可生成在线访问链接
部分简单示例
示例1：普通文本替换
源文本：苹果，香蕉，橘子，香蕉
查找：香蕉
替换为：芒果
输出结果：苹果，芒果，橘子，芒果
示例2：正则删除数字
开启正则，模式2删除，匹配：\d+
源文本：张三123，李四456，王五789
输出结果：张三，李四，王五
示例3：正则捕获分组替换
开启正则，模式1查找替换
查找：(\w+)\-(\w+)
替换：$1#$2
开源协议
MIT License，可以自由使用、修改。欢迎star，有问题可以提issue。
项目地址👉：https://github.com/dxiangwiki/text-replace-tool
小结
对于日常文本清洗、日志处理、批量字符串修改，这个小工具足够应付大部分简单场景。因为全部逻辑跑在本地浏览器，不用担心敏感文本泄露，没有广告，打开网页直接使用。
如果有好用的想法，也可以fork自行二次改造。