这是一片记录自己挖坑还有填坑的过程

事情是这样的,我用uni-app框架编写了一个项目,里面有个功能是通过接口传过来的数据,展示页面,(富文本展示),一开始我是使用了uni-app自带的rich-text组件,但是项目上线测试时,没有图片预览功能,所以我更换组件,使用uni-app插件市场的u-parse组件,但是在后续中发现,该组件存在容器层级嵌套过多,会无法展示,而且不能完好的展示135编辑器的样式效果,需要手动修改,但这个不是长久的办法,所以还是要改,后来找到一个组件,那就是**mp-html 富文本组件**
在这里插入图片描述
mp-html 富文本组件可以很好的实现我的效果
在这里插入图片描述

在这我之前的样式代码给自己挖了个坑,导致我从135编辑器上粘贴的代码在小程序中会超出屏幕范围,就像下面这样
在这里插入图片描述
后来才发现,在最外面加了一个绝对定位的原因,导致样式混乱,去除就好了
在这里插入图片描述

总结:
uni-app中富文本展示,并可预览图片的实现方法如下:
使用mp-html 富文本组件来展示内容,注意包裹日期的样式是否有冲突

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐