ChatGPT LaTeX 公式复制工具的实现原理与避坑指南

1次阅读

共计 1190 个字符，预计需要花费 3 分钟才能阅读完成。

从 ChatGPT 对话流中提取 LaTeX 公式存在三个主要技术挑战：

多行公式拼接 ：ChatGPT 返回的公式可能被拆分成多个文本节点，需要智能合并
特殊符号冲突 ：Markdown 与 LaTeX 符号（如 _、*）存在解析冲突
动态渲染延迟 ：异步加载内容导致 DOM 结构不稳定

方案类型	优点	缺点
纯正则匹配	实现简单，性能较好	无法处理嵌套结构
DOM 解析	准确率高，支持复杂结构	内存消耗大
混合方案	平衡准确性与性能	实现复杂度较高

/**
 * 检测 LaTeX 公式边界
 * @param {string} text - 输入文本
 * @returns {Array} 匹配结果数组
 */
const detectLatexBlocks = (text) => {
  // 处理 $$...$$ 模式
  const dollarPattern = /\$\$(.*?)\$\$/gs;

  // 处理 \[...\] 模式
  const bracketPattern = /\\\[(.*?)\\\]/gs;

  return [...text.matchAll(dollarPattern),
    ...text.matchAll(bracketPattern)
  ];
};

function handleEnvironments(content) {const ENV_PATTERN = /\\begin\{(.*?)\}(.*?)\\end\{\1\}/gs;

  return content.replace(ENV_PATTERN, (match, envName, body) => {return `\\begin{${envName}}${body}\\end{${envName}}`;
  });
}

// worker.js
self.onmessage = ({data}) => {const results = detectLatexBlocks(data.chunk);
  postMessage({id: data.id, results});
};

// 主线程
const worker = new Worker('worker.js');
worker.postMessage({ 
  id: 1, 
  chunk: largeTextContent 
});