reg-visualization v1.0.4

reg-visualization

reg-visualization 一个前端项目使用的正则可视化工具

Install

Get the latest version from NPM:

npm install reg-visualization

Also available with yarn:

yarn add reg-visualization

Usage

Usage as library

import renderDom from 'reg-visualization';

const container = document.getElementById('container')

const reg = '^a(b|c)+[a-z]{1,}$'

renderDom(container, reg)

这将会在你的页面上渲染出正则的图形化规则

支持自定义一些样式规则的传入:

import renderDom from 'reg-visualization';

const container = document.getElementById('container')

const reg = '^a(b|c)+[a-z]{1,}$'

const options = {
  contentMargin: 16,
  fontColor: "#666",
}

renderDom(container, reg, options)

options: