轮回沧月
轮回沧月
  • 发布:2022-01-19 16:36
  • 更新:2023-07-04 14:40
  • 阅读:738

【报Bug】rich-text在微信小程序上文字显示不全

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: win7 6.1.7601

HBuilderX类型: 正式

HBuilderX版本号: 3.2.16

第三方开发者工具版本号: 1.03.2101150

基础库版本号: 2.21.3

项目创建方式: HBuilderX

示例代码:

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>

操作步骤:

搜索的时候,仅第一次输入某个词

预期结果:

搜索的关键字被改为红色字并显示筛选出来

实际结果:

如果关键词位于首位,那么会直接消失

bug描述:

使用rich-text显示内容,并进行修改的时候,如果是第一次修改,切修改项位于最前端,会出现第一次修改的项目直接消失的情况

我是想搜索某个内容,而下面会把搜索的内容显示出来,并把关键词改为红色提示出来
如下面代码中,nodes里面的type:null,text:null,只有在首次搜索才会出现,后面修改过程中不会有,代码也没有去定义这个

PS:所以我连点插入图片都能出bug吗?显示支持png,上传后点插入毫无效果

2022-01-19 16:36 负责人:无 分享
已邀请:
轮回沧月

轮回沧月 (作者)

编辑的时候看不到插入的效果,也没提示,绝了,算了,那个不重要,三张图里,显示完整的那张是先输入t,后输入e,二次输入的情况下出现的结果,是我想要的效果,但一次性输入te就不行了

小枫叶

小枫叶 - 外包接单加v:wlmk1234567 注明来意

你的意思是:你这个连续输入te不行 输入t可以 ?

  • 轮回沧月 (作者)

    主要是第一次的数据,和输入什么没关系,第一条数据,然后执行函数 ,如果那个元素位于最前面,对应的元素会消失

    2022-01-20 09:32

w***@gmail.com

w***@gmail.com

解决了吗?

Diligent_UI

Diligent_UI - 【插件开发】【专治疑难杂症】【多款插件已上架:https://ext.dcloud.net.cn/publisher?id=193663(微信搜索飘逸科技UI小程序直接体验)】【骗子请绕道】问题咨询请加QQ群:120594820,代表作灵感实用工具小程序

能具体描述问题吗,提供效果截图和代码截图可以高效率解决问题

要回复问题请先登录注册