js:var reg = new RegExp((`(${this.keys})`), "gm"); var color = this.color || '#FD463E'; var weight = this.weight ? 'bold' : 'normal'; var replace = '<span style="color:' + color + ';font-weight: ' + weight + ';">$1</span>'; return htmlParser(this.content.replace(reg, replace));
html: <rich-text type="text" text="none" :nodes="html" :class="{'hh':shouldWrap}"></rich-text>
微信的wxml中显示的:(搜索词为“te”,完整字段为“test33”)<rich-text nodes="[{"type":null,"text":null,"name":"span","attrs":{"style":"color:red;font-weight: normal;"},"children":[{"type":"text","text":"te"}]},{"type":"text","text":"st33"}]">st</rich-text>
![轮回沧月](https://img-cdn-tc.dcloud.net.cn/account/identicon/979b056b6179ab78f4919f409eb9b11b.png)
- 发布:2022-01-19 16:36
- 更新:2023-07-04 14:40
- 阅读:738
产品分类: uniapp/小程序/微信
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win7 6.1.7601
HBuilderX类型: 正式
HBuilderX版本号: 3.2.16
第三方开发者工具版本号: 1.03.2101150
基础库版本号: 2.21.3
项目创建方式: HBuilderX
示例代码:
操作步骤:
搜索的时候,仅第一次输入某个词
搜索的时候,仅第一次输入某个词
预期结果:
搜索的关键字被改为红色字并显示筛选出来
搜索的关键字被改为红色字并显示筛选出来
实际结果:
如果关键词位于首位,那么会直接消失
如果关键词位于首位,那么会直接消失
bug描述:
使用rich-text显示内容,并进行修改的时候,如果是第一次修改,切修改项位于最前端,会出现第一次修改的项目直接消失的情况
我是想搜索某个内容,而下面会把搜索的内容显示出来,并把关键词改为红色提示出来
如下面代码中,nodes里面的type:null,text:null,只有在首次搜索才会出现,后面修改过程中不会有,代码也没有去定义这个
PS:所以我连点插入图片都能出bug吗?显示支持png,上传后点插入毫无效果
![Diligent_UI](http://img-cdn-tc.dcloud.net.cn/uploads/avatar/001/28/02/43_avatar_mid.jpg?v=1721956781)
Diligent_UI - 【插件开发】【专治疑难杂症】【多款插件已上架:https://ext.dcloud.net.cn/publisher?id=193663(微信搜索飘逸科技UI小程序直接体验)】【骗子请绕道】问题咨询请加QQ群:120594820,代表作灵感实用工具小程序
能具体描述问题吗,提供效果截图和代码截图可以高效率解决问题