Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 在线搜索
  • 文章标签
  • 广告合作
  • 赞助一下
  • 关于我们
资源推荐
阿里云优惠券
卓越的云计算技术和服务提供商
腾讯云优惠券
云服务器,云数据库,CDN,域名注册等多种云计算服务
扣子Coze
创建属于你的 AI 应用,AI Agent智能办公平台
豆包AI
字节跳动旗下 AI 智能助手
即梦AI
一站式智能创作平台,即刻造梦
AiPPT
全智能AI一键生成 PPT
堆友AI
零门槛,多风格AI绘画免费生成,电商海报设计神器
蜂小推
不扣量的项目推广平台
SpeedAI
一键去重、降AIGC率、数据可视化、论文写作

资源分类

AI智能 酷站推荐 招聘/兼职 框架/库 模块/管理 移动端UI框架 Web-UI框架 Js插件 Jquery插件 CSS相关 IDE环境 在线工具 图形动效 游戏框架 node相关 调试/测试 在线学习 社区/论坛 博客/团队 前端素材 图标/图库 建站资源 设计/灵感 IT资讯
网站收录 / 问题反馈

regulex

分享
复制链接
新浪微博
QQ 好友

扫一扫分享

网站地址:https://jex.im/regulex/
GitHub:https://github.com/CJex/regulex
网站描述:js正则表达式图形展示工具
访问官网
GitHub

Regulex 使用图形可视化效果展示 JavaScript 正则表达式。 直接输入正则表达式就能用可视化显示出来。输入表达式后,动态生成表达式图片。非常不错的一个可视化WEB在线正则表达式设计工具,可以轻松嵌入你的网站里。


特点:

用纯JavaScript。没有后端需要。

你可以在你自己的网站中嵌入图通过html IFRAME元素。

详细错误信息。在大多数情况下,它可以指出精确的语法错误位置。

不支持八进制逃逸。是的,这是一个特点。ECMAScript严格模式不支持八进制逃逸的字符串,但许多浏览器仍然支持八进制逃逸的正则表达式。我让事情变得简单。在decimalescape电机调节器,将一直被视为反向引用。如果后面的参考是无效的,如/ 1 /、/(1)/、/(一)2 /,或decimalescape出现在字符集(因为在这种情况下,它不能被解释为后面的参考,例如/(AB)[ 1 ] /),磁饱和放大器会抛出一个误差。 


api

var parse = require("regulex").parse;
var re = /var\s+([a-zA-Z_]\w*);/ ;
console.log(parse(re.source));

使用

var parse = require("regulex").parse;
var visualize = require("regulex").visualize;
var Raphael = require('regulex').Raphael;
var re = /var\s+([a-zA-Z_]\w*);/;
var paper = Raphael("yourSvgContainer", 0, 0);
try {
  visualize(parse(re.source), getRegexFlags(re), paper);
} catch(e) {
  if (e instanceof parse.RegexSyntaxError) {
    logError(re, e);
  } else {
    throw e;
  }
}

function logError(re, err) {
  var msg = ["Error:" + err.message, ""];
  if (typeof err.lastIndex === "number") {
    msg.push(re);
    msg.push(new Array(err.lastIndex).join("-") + "^");
  }
  console.log(msg.join("\n"));
}


function getRegexFlags(re) {
  var flags = "";
  flags += re.ignoreCase ? "i" : "";
  flags += re.global ? "g" : "";
  flags += re.multiline ? "m" : "";
  return flags;
}


仅供个人学习参考/导航指引使用,具体请以第三方网站说明为准,本站不提供任何专业建议。如果地址失效或描述有误,请联系站长反馈~感谢您的理解与支持!

链接: https://fly63.com/nav/1386

更多»
热门资源
fly63工具箱
简单、易用、便捷的在线工具
官网
GitHub
remove.bg
消除图片背景:100% 自动 – 只需 5 秒
官网
阿里云DataV
地图数据
官网
retoucher
在线AI智能抠图去背景工具
官网
飞书多维表格
飞书旗下的一款在线协作与业务管理工具
官网
Apifox
API 文档、API 调试、API Mock、API 自动化测试一体化协作平台
官网
易文档
需求文档、API文档、部署文档到使用手册
官网
mdx-deck
基于MDX的演示文稿
官网
GitHub
YouCompress
在线免费文件压缩工具
官网
iHateRegex
快速搜索并匹配到合适的正则表达式
官网
GitHub
Trilium Notes
层级结构的笔记程序,专注构建个人的大型知识库
点击进入
GitHub
CodeZen
在线源代码转图片工具
官网
类似于regulex的资源
GreenVideo
帮你快速下载来自全球主流平台的视频
官网
WebSocket DevTools
专业的WebSocket调试工具,提供监控、消息模拟和流量拦截等功能
官网
GitHub
screenity
免费且注重隐私保护的屏幕录制工具
官网
GitHub
Atool在线工具
最全面的工具集合
官网
H5DS
可扩展的HTML5可视化编辑器
官网
Optimizt
用CLI命令去优化图像的工具
点击进入
GitHub
excalidraw
一款非常轻量的在线白板工具
官网
GitHub
atoolbox
一个工具箱,好用的在线工具都在这里
官网
目录

手机扫一扫预览

》
分享组件加载中...
首页 技术导航 在线工具 技术文章 教程资源 前端标签 AI工具集 前端库/框架 实用工具箱 广告合作 关于我们

Copyright © 2018 Web前端开发网提供免费在线工具、编程学习资源(教程/框架/库),内容以学习参考为主,助您解决各类实际问题,快速提升专业能力。