w***@126.com
w***@126.com
  • 发布:2021-01-29 14:14
  • 更新:2021-10-08 22:04
  • 阅读:739

【报Bug】rich-text组件在Nvue页面中解析第一个块级元素后,上方多出了一行无内容区域。

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Mac

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

HBuilderX类型: 正式

HBuilderX版本号: 3.0.5

手机系统: 全部

手机厂商: 华为

页面类型: nvue

nvue编译模式: fast

打包方式: 云端

项目创建方式: HBuilderX

测试过的手机:

iphone8 xiaomi6

操作步骤:

见附件示例

预期结果:

无此多余的区域。

实际结果:

多了多余的区域。

bug描述:

在Nvue页面中使用rich-text组件,通过html-parser解析生成了nodes数据共rich-text使用,如果有块级元素开头的内容,渲染后的内容上方有一行无内容区域。如解析:<p>通过rich-text组件生成的 块级元素内容</p>

现象可见附件图片,项目也传于附件了。

2021-01-29 14:14 负责人:DCloud_UNI_GSQ 分享
已邀请:
w***@126.com

w***@126.com (作者) - 前端小白菜

<div><div><p>通过rich-text组件生成的 块级元素内容</p><div></div>

解析这个上方的空白区域更大.......

w***@126.com

w***@126.com (作者) - 前端小白菜

将hello-uni-app项目中的rich-text示例页面类型改成nvue的也会出现此问题。。。。

DCloud_UNI_GSQ

DCloud_UNI_GSQ

问题确认,已加分,后续优化

  • w***@126.com (作者)

    优化大半年了

    2021-08-10 10:37

  • DCloud_UNI_GSQ

    回复 w***@126.com: 预计下一个 alpha 版本即可带上相关优化

    2021-08-11 20:19

DCloud_UNI_GSQ

DCloud_UNI_GSQ

HBuilderX alpha 3.2.5+ 已修复

  • HellWhisper

    3.2.9 nvue仍然有这个问题 htmlParse之后的node是

    [{

    "name": "div",

    "children": [{

    "type": "text",

    "text": "全平台兼容,支持自定义下拉刷新、"

    }, {

    "name": "img",

    "attrs": {

    "style": "vertical-align:bottom",

    "height": "20px",

    "width": "20px",

    "src": "https://imgcache.qq.com/open/qcloud/tim/assets/emoji/emoji_4@2x.png"

    }

    }, {

    "type": "text",

    "text": "上拉加载更多,支持自动管理空数据图、点击返回顶部,支持聊天分页、本地分页,支持展示最后更新时间,支持国际化等等"

    }]

    }]

    2021-10-08 22:04

  • HellWhisper

    代码解析的有问题,我回复一下帖子

    2021-10-08 22:04

HellWhisper

HellWhisper

[{  
    "name": "div",  
    "children": [{  
        "type": "text",  
        "text": "全平台兼容,支持自定义下拉刷新、"  
    }, {  
        "name": "img",  
        "attrs": {  
            "style": "vertical-align:bottom",  
            "height": "20px",  
            "width": "20px",  
            "src": "https://imgcache.qq.com/open/qcloud/tim/assets/emoji/emoji_4@2x.png"  
        }  
    }, {  
        "type": "text",  
        "text": "上拉加载更多,支持自动管理空数据图、点击返回顶部,支持聊天分页、本地分页,支持展示最后更新时间,支持国际化等等"  
    }]  
}]
  • DCloud_UNI_GSQ

    测试了一下,和其他端展示的一样。

    2021-10-09 11:37

  • HellWhisper

    回复 DCloud_UNI_GSQ: .....抱歉,我这个是用的自定义底座。。底座还是3.2.8版本

    2021-10-09 15:04

要回复问题请先登录注册