正则可视化

复制import re
from graphviz import Digraph

# 将正则表达式转换为铁路图（简化版：仅展示分支和序列）
def regex_to_railroad(pattern):
    dot = Digraph(comment=pattern)
    dot.attr(rankdir='LR')
    dot.node('start', 'Start', shape='circle')
    dot.node('end', 'End', shape='doublecircle')
    
    # 解析简单分支: a|b
    if '|' in pattern:
        parts = pattern.split('|')
        dot.node('branch', '|', shape='diamond')
        dot.edge('start', 'branch')
        for i, part in enumerate(parts):
            dot.node(f'part{i}', part, shape='box')
            dot.edge('branch', f'part{i}')
            dot.edge(f'part{i}', 'end')
    else:
        dot.edge('start', 'end', label=pattern)
    
    return dot

# 示例：匹配数字或字母
dot = regex_to_railroad(r'\d+|[a-z]+')
dot.render('regex_railroad', format='png', cleanup=True)
print('铁路图已保存为 regex_railroad.png')

复制package main

import (
	"fmt"
	"regexp"
	"strings"
)

// 高亮匹配部分：用 ANSI 颜色标记
func highlightMatch(pattern, text string) string {
	re := regexp.MustCompile(pattern)
	return re.ReplaceAllStringFunc(text, func(match string) string {
		// 红色背景高亮
		return "\033[41m" + match + "\033[0m"
	})
}

func main() {
	pattern := `\d{3,4}`
	text := "联系号码: 010-1234 或 021-567"
	
	result := highlightMatch(pattern, text)
	fmt.Println("高亮结果:")
	fmt.Println(result)
	// 输出（终端可见颜色）：联系号码: [红色]010[/红色]-1234 或 [红色]021[/红色]-567
	
	// 同时输出匹配位置
	re := regexp.MustCompile(pattern)
	matches := re.FindAllStringIndex(text, -1)
	for _, m := range matches {
		fmt.Printf("匹配位置 [%d:%d]: %s\n", m[0], m[1], text[m[0]:m[1]])
	}
}

复制// 正则可视化：生成匹配高亮 HTML
function highlightRegex(text, pattern, flags = 'g') {
  const re = new RegExp(pattern, flags);
  let result = '';
  let lastIndex = 0;
  let match;
  
  while ((match = re.exec(text)) !== null) {
    // 非匹配部分
    result += escapeHtml(text.slice(lastIndex, match.index));
    // 匹配部分用 <mark> 高亮
    result += '<mark>' + escapeHtml(match[0]) + '</mark>';
    lastIndex = re.lastIndex;
  }
  // 剩余部分
  result += escapeHtml(text.slice(lastIndex));
  return result;
}

function escapeHtml(str) {
  return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
}

// 示例
const text = 'Email: user@example.com, admin@test.org';
const pattern = '[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}';
const html = highlightRegex(text, pattern);
document.body.innerHTML = html;
// 页面显示：Email: <mark>user@example.com</mark>, <mark>admin@test.org</mark>