Safari Regex LookBehind替代方案

发布于 2025-02-13 05:14:49 字数 1114 浏览 0 评论 0原文

我希望能够突出显示HTML字符串中的关键字，

我有一个关键字数组，该数组可以包含关键字，例如存储框 厨房存储框 厨房组织者 。还有一个内容，我需要突出显示这些关键字。

如您所见，储存框以2个关键字重复，我不想突出显示存储框如果厨房存储框已经突出显示。因此，首先，我订购了最大长度的关键字，因此我首先要突出显示较大的关键字，然后突出显示较大的内容。

我正在使用以下代码将每个找到的关键字替换为＆lt; mark＆gt; {keyword}＆lt;/mark＆gt;

            _.each(this.keywords, keyword => {

                keyword.value = this.replaceNbsps(keyword.value)

                // find the keyword but do not take already highlighted elements into consideration
                // for this we use negative lookbehind and negative lookahead to not include keywords that are preceded with <mark> and succeeded with </mark>
                let regex = new RegExp(`((?<=\\s|^|\\W)(?<!<mark class="keyword_\\d">)${this.escapeRegExp(keyword.value)}(?!<\/mark>)(?=\\s|$|\\W))`, 'guim')

                highlightedContent = highlightedContent.replace(regex, `<mark class="keyword_${keyword.index}">$&</mark>`)
            });

无论如何都可以实现此目的还在野生动物园中吗？

原文

I want to be able to highlight keywords inside an HTML string

I have a keywords array that can contain keywords like storage box kitchen storage box kitchen organiser.
Also there is a content where i need to highlight these keywords.

As you can see the storage box is repeated in 2 keywords and i don't want to highlight storage box if kitchen storage box is already highlighted. So first, i ordered the keywords by max length so i get to highlight the bigger ones first and then the smaller ones.

I am using the following code to replace each found keyword with <mark>{keyword}</mark>

            _.each(this.keywords, keyword => {

                keyword.value = this.replaceNbsps(keyword.value)

                // find the keyword but do not take already highlighted elements into consideration
                // for this we use negative lookbehind and negative lookahead to not include keywords that are preceded with <mark> and succeeded with </mark>
                let regex = new RegExp(`((?<=\\s|^|\\W)(?<!<mark class="keyword_\\d">)${this.escapeRegExp(keyword.value)}(?!<\/mark>)(?=\\s|$|\\W))`, 'guim')

                highlightedContent = highlightedContent.replace(regex, `<mark class="keyword_${keyword.index}">amp;</mark>`)
            });

Is there anyway to accomplish this without using negative lookbehind and negative lookahead in order for it to work also in Safari?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

饮湿 2025-02-20 05:14:49

使用

let regex = new RegExp(
  `(<mark class="keyword_\\d">)?(?!\\B\\w)${this.escapeRegExp(keyword.value)}(?!</mark>)(?!\\w)`,
  'guim')
highlightedContent = highlightedContent.replace(regex, (match, gr1) => 
  gr1 ? match : `<mark class="keyword_${keyword.index}">${match}</mark>`)

Use

let regex = new RegExp(
  `(<mark class="keyword_\\d">)?(?!\\B\\w)${this.escapeRegExp(keyword.value)}(?!</mark>)(?!\\w)`,
  'guim')
highlightedContent = highlightedContent.replace(regex, (match, gr1) => 
  gr1 ? match : `<mark class="keyword_${keyword.index}">${match}</mark>`)

回复收藏 0 原文

~没有更多了~