uni-app中富文本图片样式处理

<view v-html="richText"></view>

1、新建js文件,处理富文本

// 富文本处理
function formatRichText(html){
  let newContent= html.replace(/\<img/gi, '<img style="max-width:100%;height:auto;display:block;"');
  return newContent;
}

module.exports = {
  formatRichText
}

2、在项目中引入js文件

import RichText from '@/components/richtext/richtext.js'

3、在项目的js调用

//res.data为请求返回的富文本
this.richText = RichText.formatRichText(res.data.content)
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐