可视化展示

将复杂的正则表达式转换为直观的图形化表示，包括字符类、量词（如 *、+、?）、分组（捕获组/非捕获组）、锚点（^、$）、选择分支（|）等。

图形化展示匹配流程，帮助用户理解正则表达式的逻辑结构。

可视化编辑

拖拽节点：通过拖拽图形节点直接修改正则表达式，无需手动编写代码。

添加/删除元素：通过图形界面添加新匹配规则或删除不需要的部分。

实时更新：编辑后立即生成对应的正则表达式代码，并更新可视化图形。

实时测试

输入测试字符串：支持多行文本输入，自动高亮显示匹配部分。

匹配信息展示：显示匹配的组、位置等详细信息，验证正则表达式的正确性。

开源协议

采用 MIT License，允许用户自由使用、修改和分发代码。

技术栈

前端框架：React + TypeScript，确保代码的可维护性和类型安全。

部署方式：支持通过 Docker 容器化部署，简化环境配置流程。

多语言支持

界面支持 英语、中文 等语言，方便全球用户使用。

降低学习门槛

正则表达式语法复杂难懂，对于初学者来说往往是一大挑战。

regex-vis 通过可视化的方式，将正则表达式转换为直观的图形，帮助用户理解其结构和工作原理。

提供丰富的教程和示例，帮助用户学习正则表达式的基础知识。

提高开发效率

在开发过程中，经常需要编写和调试正则表达式。

regex-vis 的可视化编辑和实时测试功能，使得用户可以快速验证和调整正则表达式，提高开发效率。

支持多种语言，方便全球用户使用。

开源免费

regex-vis 是一个开源项目，遵循 MIT License 协议。

用户可以自由使用、修改和分发该工具，无需支付任何费用。

学习正则表达式：通过图形化展示降低学习门槛，帮助初学者理解正则表达式的结构和工作原理。

调试复杂正则：实时测试功能可快速验证正则表达式的匹配效果，提高调试效率。

开发文本处理工具：在表单验证（如邮箱、手机号）、日志分析、数据提取等场景中，可视化编辑功能可简化正则表达式的编写过程。

如需了解更多信息，可以访问其官方网站或查阅相关的技术文档。

GitHub地址

https://github.com/Bowen7/regex-vis

官方网站

https://regex-vis.com/

sudo apt updatesudo apt install -y docker.io docker-compose

git clone https://github.com/Bowen7/regex-vis.git

docker build -t regex-vis:v1 .

docker run -d --name regex-vis -p 3420:80 regex-vis:v1

阅读原文：原文链接