Regex‑Vis

一款开源的正则表达式可视化与编辑工具,旨在帮助用户 学习、编写、验证 正则。它不仅把正则转换为直观的图形,还提供 可视化编辑 功能,让用户通过拖拽节点直接修改表达式。

收录时间:
2024-06-29
Regex‑VisRegex‑Vis

Regex‑Vis 是一款开源的正则表达式可视化工具,专为学习、编写与调试正则表达式而设计。用户在左侧输入正则表达式后,系统会即时在右侧生成对应的铁路图(Railroad Diagram),以图形化方式清晰呈现表达式的结构逻辑。

Regex‑Vis官网入口网址:https://regex-vis.com

Regex‑Vis插图

该工具支持高度交互的操作体验:铁路图中的每个节点均可点击或框选,并通过右侧操作面板进行插入、删除、分组、添加量词等编辑操作,显著降低正则表达式的编写与调试门槛。

核心功能

  • 实时可视化:输入即渲染,正则表达式自动转换为结构清晰的铁路图,便于理解语法层次。
  • 交互式编辑:支持对图中任意节点进行修改,涵盖字符类、分组、量词等常见正则元素。
  • 即时匹配测试:在测试区域输入字符串,系统实时反馈匹配结果——成功高亮为绿色,失败显示为红色,便于快速验证逻辑正确性。
  • 多语言与主题切换:界面提供中英文选项,并支持明暗两种显示模式,适配不同使用偏好。
  • 内置示例库:包含身份证号、电子邮箱、URL 等常用正则模板,方便初学者参考与复用。

Regex‑Vis 可通过两种方式使用:一是直接访问 千流导航 提供的在线演示站点,无需安装即可使用全部功能;二是从 GitHub 获取源码(项目地址:Bowen7/regex-vis),通过 pnpm 或 Docker 在本地部署服务,默认运行于 3000 端口。该项目在开源社区广受认可,已获得超过 3,000 个 Stars。

凭借其直观的图形界面与高效的交互机制,Regex‑Vis 尤其适合正则表达式初学者、需要快速验证 AI 生成规则的开发者,以及希望提升调试效率的技术人员。

相关导航