uniapp 富文本以及移动端富文本的展示问题

富文本展示有几种方式:

1.<view  v-html="content"></view>

2. uniapp自带组件 rich-text

rich-text | uni-app官网

<rich-text :nodes="content"></rich-text>

3.uView组件 u-parse

Parse 富文本解析器 | uView 2.0 - 全面兼容 nvue 的 uni-app 生态框架 - uni-app UI 框架

<u-parse :content="content" :tagStyle="style"></u-parse>


格式方面:

        如果你对格式有较高的要求,比如单独修改某个富文本标签的样式,图片自适应,字体统一设置颜色等,推荐使用第三种展示方式(u-parse)

  • u-parse内部对图片视频等标签设置了自适应的样式,无需自行格式化
  • u-parse组件的tagStyle参数可以精细化的对单独的标签设置样式
  • 通过父元素标签,统一设置全文的颜色,行高,字体大小等

具体设置方法: 参考官网文档

猜你喜欢

转载自blog.csdn.net/weixin_44805839/article/details/134551621