- 发布：2021-01-29 14:14
- 更新：2021-10-08 22:04
- 阅读：1271
产品分类： uniapp/App
PC开发环境操作系统： Mac
PC开发环境操作系统版本号： 10.5.2
HBuilderX类型： 正式
HBuilderX版本号： 3.0.5
手机系统： 全部
手机厂商： 华为
页面类型： nvue
打包方式： 云端
项目创建方式： HBuilderX
测试过的手机：
操作步骤：
见附件示例
见附件示例
预期结果：
无此多余的区域。
无此多余的区域。
实际结果：
多了多余的区域。
多了多余的区域。
bug描述：
在Nvue页面中使用rich-text组件，通过html-parser解析生成了nodes数据共rich-text使用，如果有块级元素开头的内容，渲染后的内容上方有一行无内容区域。如解析：<p>通过rich-text组件生成的 块级元素内容</p>
现象可见附件图片，项目也传于附件了。
HBuilderX alpha 3.2.5+ 已修复
-
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
-
[{
"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": "上拉加载更多，支持自动管理空数据图、点击返回顶部，支持聊天分页、本地分页，支持展示最后更新时间，支持国际化等等"
}]
}]