regulex

regulex 介绍

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

特点：

用纯JavaScript。没有后端需要。

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

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

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

api

var parse = require("regulex").parse;

var re = /vars+([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 = /vars+([a-zA-Z_]w*);/;

var paper = Raphael("yourSvgContainer",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://jex.im/regulex/

GitHub:https://github.com/CJex/regulex

网站描述:js正则表达式图形展示工具

regulex

官方网站：https://jex.im/regulex/

小编说

以上是编程之家为你收集整理的regulex全部内容。

如果觉得编程之家网站内容还不错，欢迎将编程之家推荐给好友。