js正则表达式图形化工具-rline

github地址:https://github.com/finance-sh/rline

在线demo: http://lihuazhai.com/demo/test.html

这是一个js正则表达式图形化工具,有以下功能:

在输入框填入正则表达式,支持格式:1,没有斜线,如:d|s ; 2,有斜线,如:/d|s/

点击展示按钮,将会在下方生成正则流程图;同时在控制台中将会输出该正则的数据结构。

实例:

请在高级浏览器中运行。

我们的github地址:https://github.com/finance-sh/rline

项目特色:用纯浏览器端JS实现,下载代码可直接本地运行。

现在这个项目完成了第一期:图形化展示。第二期将完成字符串匹配过程展示功能。

由于才疏学浅,项目难免有bug,欢迎指正和提出修改意见

原文地址:https://www.cnblogs.com/mufc-go/p/4401874.html