Html替换英文词,替换html标签中的单词

我的应用程序是一个文档查看器/阅读器。有一个搜索功能，用户在其中输入一个字符串，并返回结果列表。另外，查询的出现在页面上突出显示，以使其更加明显。搜索“类”，“样式”或其他也是html标签的词时，会发生该问题。替换html标签中的单词

content只是喜欢这个网站的字符串："

Words that are eligible for highlighting

突出显示的单词应该被替换：

query = 'class'

"

Words that are eligible for highlighting are in here, including words like class and style

当应用程序试图强调这些话，页面上的所有格式都会打破。这是我使用的突出显示搜索查询代码：

searchContent(content){

var searchQuery = SearchStore.getQuery()

if (searchQuery) {

var query = searchQuery.split(' ').map((q) => {

if (q.length > 2) {

return `\\b${q}\\b`;

}

}).join('|');

if (query.length > 0) {

//this is where the query is highlighted. It should not replace text inside <> tags

content = content.replace(new RegExp(query, 'gi'), (value) => {

return `${value}`;

});

}

}

return content;

}

有没有办法改写这一点，以便它时，它正在取代HTML标签内的文本，并阻止该网页打破检测？