优化JavaScript文本高亮：解决多词匹配的索引问题

HTMLElement.prototype.realcar = function(word) {
  var el = this;
  const wordss = word.trim().sanitiza().split(" ").filter(word1 => word1.length > 2);
  const expr = new RegExp(wordss.join('|'), 'ig');
  let expr00 = expr;
  const RegExpUNICO = wordss; // 初始时包含搜索词
  const nodes = Array.from(el.childNodes);

  for (let i = 0; i < nodes.length; i++) {
    const node = nodes[i];

    if (node.nodeType === 3) { // 文本节点
      const nodeValue = node.nodeValue;
      let matches = [];
      while ((match = expr.exec((nodeValue).sanitiza())) !== null) {
        matches.push(match[0]);
        const palavrar = nodeValue.substring(match.index, match.index + match[0].length);
        RegExpUNICO.push(palavrar); // BUG: 在循环中修改 RegExpUNICO
      }
      expr00 = RegExpUNICO.join('|'); // BUG: expr00 包含了原始搜索词和所有已匹配到的词
      let expr0 = new RegExp(expr00, 'ig');
      // ... 后续的 split 和插入高亮元素逻辑
    } else {
      node.realcar(word); // 递归处理子节点
    }
  }
}

const startIndex = nodeValue.indexOf(parts[n - 1]) + parts[n - 1].length;
const palavra = node.nodeValue.substr(startIndex, matches[n - 1].length);

if (matches.length) { // 必须检查 .length
    // 将 expr0 的创建移到这里，并确保 RegExpUNICO 只包含原始搜索词
    // 同时，通过添加括号创建捕获组，使 split 方法返回匹配项
    const expr00 = "(" + wordss.join('|') + ")"; // 使用原始搜索词 wordss
    const expr0 = new RegExp(expr00, 'ig');
    const parts = nodeValue.split(expr0);

    for (let n = 0; n < parts.length; n++) {
        const textNode = document.createTextNode(parts[n]);
        if (n % 2) { // 奇数索引为匹配项（捕获组的结果）
            const xx = document.createElement("hightx");
            xx.style.border = '1px solid blue';
            xx.style.backgroundColor = '#ffea80';
            // 不再需要计算索引或长度：parts[n] 就是精确的匹配词
            xx.appendChild(textNode);
            el.insertBefore(xx, node);
        } else if (parts[n]) { // 偶数索引为非匹配项（且非空）
            el.insertBefore(textNode, node);
        }
    }
    el.removeChild(node); // 移除原始文本节点
}

HTMLElement.prototype.realcar = function(word) {
  var el = this;
  const wordss = word.trim().sanitiza().split(" ").filter(word1 => word1.length > 2);
  const expr = new RegExp(wordss.join('|'), 'ig');
  // RegExpUNICO 仅用于构建 expr0，不应在循环中修改
  const RegExpUNICO = wordss; 
  const nodes = Array.from(el.childNodes);

  for (let i = 0; i < nodes.length; i++) {
    const node = nodes[i];

    if (node.nodeType === 3) { // 文本节点
      const nodeValue = node.nodeValue;
      let matches = [];
      // 第一次匹配，用于判断是否有匹配项
      let tempExpr = new RegExp(wordss.join('|'), 'ig'); // 使用独立的临时正则
      while ((match = tempExpr.exec((nodeValue).sanitiza())) !== null) {
        matches.push(match[0]);
      }

      if (matches.length) { // 必须检查 .length
        // 创建带有捕获组的正则表达式，用于 split
        const expr00 = "(" + RegExpUNICO.join('|') + ")";
        const expr0 = new RegExp(expr00, 'ig');
        const parts = nodeValue.split(expr0);

        for (let n = 0; n < parts.length; n++) {
          const textNode = document.createTextNode(parts[n]);
          if (n % 2) { // 奇数索引为匹配项（捕获组的结果）
            const xx = document.createElement("hightx");
            xx.style.border = '1px solid blue';
            xx.style.backgroundColor = '#ffea80';
            xx.appendChild(textNode);
            el.insertBefore(xx, node);
          } else if (parts[n]) { // 偶数索引为非匹配项（且非空）
            el.insertBefore(textNode, node);
          }
        }
        el.removeChild(node); // 移除原始文本节点
      }
    } else if (node.nodeType === 1) { // 元素节点
      node.realcar(word); // 递归处理子元素
    }
  }
}