这是一片记录自己挖坑还有填坑的过程
事情是这样的,我用uni-app框架编写了一个项目,里面有个功能是通过接口传过来的数据,展示页面,(富文本展示),一开始我是使用了uni-app自带的rich-text组件,但是项目上线测试时,没有图片预览功能,所以我更换组件,使用uni-app插件市场的u-parse组件,但是在后续中发现,该组件存在容器层级嵌套过多,会无法展示,而且不能完好的展示135编辑器的样式效果,需要手动修改,但这个不是长久的办法,所以还是要改,后来找到一个组件,那就是**mp-html 富文本组件**
mp-html 富文本组件可以很好的实现我的效果
在这我之前的样式代码给自己挖了个坑,导致我从135编辑器上粘贴的代码在小程序中会超出屏幕范围,就像下面这样
后来才发现,在最外面加了一个绝对定位的原因,导致样式混乱,去除就好了文章来源:https://www.toymoban.com/news/detail-487408.html
总结:
uni-app中富文本展示,并可预览图片的实现方法如下:
使用mp-html 富文本组件来展示内容,注意包裹日期的样式是否有冲突文章来源地址https://www.toymoban.com/news/detail-487408.html
到了这里,关于关于uni-app中富文本展示,并可预览图片的实现的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!