小程序
小游戏
企业微信
微信支付
扫描小程序码分享
有没有大神提供一下思路,非常感谢
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
假设搜索关键词是:搜索,假设返回值是一个 string,这里简化场景,具体要根据自己的数据结构做:
let keyword = '搜索'; const searchResult = '这是搜索的结果'; const arr = searchResult.split(keyword); const renderList = []; if (arr.length > 1) { arr.forEach((item) => { renderList.push({ type: 'text', value: item, }); // 标红关键字 renderList.push({ type: 'red', value: keyword, }); }); } else { console.log(searchResult); }
如果想标红分隔的关键字,就要做正则匹配了,相对复杂一些,但是基本思路是这样
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
匹配后生成 html 通过 rich-text 展示
参考文档:https://developers.weixin.qq.com/miniprogram/dev/component/rich-text.html
如果涉及到分词,楼上的算法就不太OK了,需要用到搜索服务的 关键词加亮 功能,es,shpinx都有这样的功能
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
假设搜索关键词是:搜索,假设返回值是一个 string,这里简化场景,具体要根据自己的数据结构做:
let keyword = '搜索'; const searchResult = '这是搜索的结果'; const arr = searchResult.split(keyword); const renderList = []; if (arr.length > 1) { arr.forEach((item) => { renderList.push({ type: 'text', value: item, }); // 标红关键字 renderList.push({ type: 'red', value: keyword, }); }); } else { console.log(searchResult); }
如果想标红分隔的关键字,就要做正则匹配了,相对复杂一些,但是基本思路是这样
匹配后生成 html 通过 rich-text 展示
参考文档:https://developers.weixin.qq.com/miniprogram/dev/component/rich-text.html
如果涉及到分词,楼上的算法就不太OK了,需要用到搜索服务的 关键词加亮 功能,es,shpinx都有这样的功能