微信小程序rich-text富文本图片

背景:

    本地做微信小程序项目,后台通过富文本编辑器编辑内容,在小程序页面展示时使用rich-text遇到了图片不能展示图片尺寸过大的问题。

问题一:富文本编辑器中的图片无法展示

分析原因:照上面写法输出富文本内容,图片加载失败,查看图片路径,发现路径错误 

解决方案:
 content中的图片地址必须为网络地址,后台可做处理,如下

$info['content'] = str_replace('/Uploads',"http://www.***.cn/Uploads",$info['content']);


问题二:图片宽度超出容器

解决方案一: 接口中给img加标签(php)

$info['content'] = str_replace("


   解决方案二: 微信小程序js文件中给img加标签

 

that.setData({
          content: res.data.content.replace(/\


that.setData({
          content: res.data.contents.replace('

 

你可能感兴趣的:(微信开发)