正则铁路图

正则铁路图

把正则表达式渲染成可视化铁路流程图

正则表达式

标志位

示例：

流程图

拖拽空白处平移 · Ctrl / ⌘ + 滚轮缩放 · 导出的 SVG 自带浅色样式，可直接贴进文档

节点速读

实心圆角矩形

字面字符、元字符（\d \w \s）、字符类 […]、锚点 ^ $ \b

空心矩形

回引 \1、\k<name>：必须等于之前那段捕获

上方彩色小字

分组标题（绿=捕获组，粉=前瞻/后瞻）或量词注释（懒惰标记）

上下叉道

| 分支，至少走一条

返回弧线

* + 循环，弧线下方可能有懒惰注释

跳过箭头

? 或 {0,n} 可选段，可以直达

· 按 ECMAScript（JavaScript RegExp）方言解析：命名捕获、零宽断言、懒惰量词、\p{…}（需勾选 u）均支持

· {n,m} 展开上限：必走 10 段 / 可选 10 段，超出会折叠为单个节点显示原文

· \k<name> 仅在同名命名分组已出现时识别为回引（与 JS 引擎行为一致）

· 全部解析在浏览器本地完成，正则不会发送到任何服务器

相关工具