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,欢迎指正和提出修改意见

时间： 2024-10-01 07:13:03

js正则表达式图形化工具-rline的相关文章

通过图形化工具来画shape

前两天一个哥们分享了十分好用的图形化工具,这样我们就能实时的看到自己用代码写出来的shape是怎么样的了,更牛的是它可以让我们自己去设定值,最后生成代码,这样我们为什么要去自己写shape呢?如果一个编译器足够牛逼,我们为什么要自己写代码呢?能拖拖控件就能生成布局的话,我们为什么要用代码呢?我一直不是老技术的故有支持者,有好的东西我们就要多用. 好了废话说多了,下面是这个工具的网址,一看就会用了! 链接:http://angrytools.com/android/button/

mysql图形化工具使用及常用操作

MySQL图形化工具使用 (以Navicat for Mysql软件为例) 使用Navicat连接我们的数据库: 点击连接主机名或IP地址:就是数据库安装电脑的电脑名或IP地址 localhost.127.0.0.1 端口:就是MySQL安装时候的默认端口 3306 用户名:MySql安装的默认用户名 root 密码:MySQL安装时你指定的密码: root 连接名:只是一个名字而已,作用是让我们知道是什么业务的数据库完成以上几个信息的配置,点击确定: 点击J18这

使用图形化工具Gitbook Editor编辑gitbook电子书

上一篇文章我讲了如何在linux系统上安装gitbook,这一篇文章我为大家讲解如何使用图形化工具Gitbook Editor编辑gitbook电子书. 1.下载安装首先到官网(https://www.gitbook.com/editor)下载Gitbook Editor,然后安装,我的是win7系统,安装是提示缺少.net4.5,去微软官网下载安装就行,我安装的.net版本是NDP451-KB2858728-x86-x64.3505182529. 2.使用GitBook.Editor 点击桌

分享一个基于小米 soar 的开源 sql 分析与优化的 WEB 图形化工具

soar-web 基于小米 soar 的开源 sql 分析与优化的 WEB 图形化工具,支持 soar 配置的添加.修改.复制,多配置切换,配置的导出.导入与导入功能. 环境需求 python3.xFlaskpymysql Python 环境未安装的可参考下面操作: Windows:step 1 去 python 官网下载安装 python3 (已安装可跳过此步骤)setp 2 pip install Flasksetp 3 pip install pymysql Mac:step 1 brew

MongoDB图形化工具（二）

一.安装在Windows下安装MongoDB的图形化工具:mongodbmanagerfree_inst.exe. 双击安装修改安装地址选择“Full installation” 点击“Finish” 启动工具后的开始界面二.连接数据库三.基础操作原文地址:https://www.cnblogs.com/myitnews/p/11604331.html

第三章使用MySQL图形化工具

MySQL Workbench图形化工具在开始菜单中选择所有程序 ——MySQL——MySQL Workbench CE命令 phpMyAdmin图形化管理工具需要下载phpstudy工具程序在浏览器地址栏中输入http://localhost/phpmyadmin/index.php 输入数据库用户名密码登录原文地址:https://www.cnblogs.com/cute9406/p/11675352.html

如何使用IDEA开发工具中右键中的Git图形化工具

首先,你的项目一定是git服务器上面down下来的,下面来演示如何使用IntelliJ IDEA 开发中在鼠标右键中提供的一个非常方便的图形化Git管理工具: 这里使用的IDEA开发工具的版本是 IntelliJ IDEA 14.1.4. 1.打开IDEA开发工具,选择菜单栏 File--> Settings,在左侧选中 Version Control (版本控制) ,看到右面窗口中你的项目名称是灰颜色的,也是不可编辑: 2.选中你的项目,点击右上角的那个绿色的加号,就可以将项目添加到IDEA的

如何使用Kdiff3作为GIT merge图形化工具

1. 安装Kdiff3 软件.(最好使用默认路径)2. 添加kdiff3到git mergetool里. git config --global merge.tool kdiff33. 添加kdiff3路径到 git global config里.git config --global mergetool.kdiff3.path "C:\Program Files\KDiff3\kdiff3.exe"4. 以后merge发生冲突时:git mergetool 来做图形化merge.

Git 系列（五）：三个 Git 图形化工具

在本文里,我们来了解几个能帮你在日常工作中舒服地用上 Git 的工具. 我是在这许多漂亮界面出来之前学习的 Git,而且我的日常工作经常是基于字符界面的,所以 Git 本身自带的大部分功能已经足够我用了.在我看来,最好能理解 Git 的工作原理.不过,能有的选也不错,下面这些就是能让你不用终端就可以开始使用 Git 的一些方式. KDE Dolphin 里的 Git 我是一个 KDE 用户,如果不在 Plasma 桌面环境下,就是在 Fluxbox 的应用层.Dolphin 是一个非常优秀的文件