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参数可以精细化的对单独的标签设置样式
• 通过父元素标签，统一设置全文的颜色，行高，字体大小等

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