如何在标签中包装不是标签的一部分的文本?

问题描述 投票:2回答:1

我试图突出(用<mark)另一个字符串中的搜索字符串,但它不应该是标记的一部分(即te中的<cite>不应该匹配,但te中的test应该)。我一直在使用这样的代码来替换匹配的第二个正则表达式,但只能嵌套。

someElement.innerHTML.replace(regex, function(full, before, match, after) {
  return before + '<mark>' + match + '</mark>' + after;
});

建议我试过:

  • <\/\w*>(\w*\s*)*(te)(\w*\s*)*<([a-z]*\s*\w*="\w*")*>(根本不匹配?)
  • (<.+?>[^<>]*?.*)(te)(.*[^<>]*?<.+?>)(仅适用于嵌套标签)
  • ((<.+?>[^<>]*?)?.*)(te)(.*([^<>]*?<.+?>)?).replace给undefined's)

例:

要换行的字符串:te

输入文本:

‘This is a test string’
<cite> — some test wrapped too</cite>

预期产量:

‘This is a <mark>te</mark>st string’
<cite> — some <mark>te</mark>st wrapped too</cite>

谢谢,我已经浏览了很多“复制品”,但找不到一个确切的复制品,但如果有人能引导我找到一个有效的例子,那也很可爱,谢谢!

现在删除的对我来说最好的答案是(te)(?![^<]*>)(由revo提供)。但是,如果下一个char是>,那么这不起作用,但我会将其视为未解决的边缘情况。

javascript regex replace
1个回答
3
投票

正则表达式:

(te)(?!\w*>)

它受益于负向前瞻,以检查它是否在开/关标签内。 (?!\w*>)这将忽略任何单词字符和te(可能表示在标签名称内)的>

失败案例:

当输入字符串中可能存在类似test>(未配对)的字符串时,即使它不是标记也不匹配。

Live demo

© www.soinside.com 2019 - 2024. All rights reserved.