- 小程序
在小程序中搜索文字高亮显示，可以使用标记的方式来实现。
// pages/index/index.js
Page({
data: {
text: '这是一个示例文本，其中包含需要高亮显示的关键词。',
highlightedText: '',
keyword: '关键词',
},
onLoad: function () {
const regex = new RegExp('\\b' + this.data.keyword + '\\b', 'gi'); // 创建正则表达式
const highlightedText = this.data.text.replace(regex, '' + this.data.keyword + ''); // 替换关键词为高亮标记
this.setData({ highlightedText }); // 设置高亮文本
},
});
{{ highlightedText }}在上述代码中，我们首先在页面的 data 中定义了原始文本 text、高亮文本 highlightedText 和需要高亮显示的关键词 keyword。然后，在 onLoad 函数中，我们使用正则表达式将原始文本中的关键词替换为高亮标记 和 ，并将替换后的高亮文本赋值给 highlightedText。最后，在页面的 wxml 中，我们使用 {{ highlightedText }} 来显示高亮文本。
请注意，上述示例中的高亮标记是使用小程序支持的 HTML 标签来实现的。如果你的小程序不支持 HTML 标签，你可以尝试使用其他方式来实现高亮显示，比如使用自定义组件或第三方库。
