当前位置:   article > 正文

小程序富文本图片宽度自适应

小程序富文本图片宽度自适应

解决这个问题

创建一个util.js文件,图片的最大宽度设置为100%就行了

  1. function formatRichText(html) {
  2. let newContent = html.replace(/\<img/gi, '<img style="max-width:100%;height:auto;display:block;"');
  3. return newContent;
  4. }
  5. module.exports = {
  6. formatRichText
  7. }

使用方法

引入util.js

const util = require('util.js');

 转化富文本内容

  1. hahahha() {
  2. this.post.content = img.formatRichText(this.post.content)
  3. },

效果:

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/324107
推荐阅读
相关标签
  

闽ICP备14008679号