关于uni-app中富文本展示,并可预览图片的实现

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

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

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

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

经验分享 程序员 微信小程序 职场和发展