本文共 1594 字，大约阅读时间需要 5 分钟。

一、微信小程序实现富文本图片宽度自适应的方法

1. demo.wxml

2. demo.js

var utils=require('../../utils/util')data={
   		news:null		content:''	}	onLoad: function(){
       this.content = utils.formatRichText(this.news.content);        或者    	this.setData({
     	        news_content:utils.formatRichText(res.data.news_content)	    	})}

3. util.js

/** * 处理富文本里的图片宽度自适应 * 1.去掉img标签里的style、width、height属性 * 2.img标签添加style属性：max-width:100%;height:auto * 3.修改所有style里的width属性为max-width:100% * 4.去掉
标签 * @param html * @returns {void|string|*} */function formatRichText(html){
     let newContent= html.replace(/
   
    ]*>/gi,function(match,capture){
       match = match.replace(/style="[^"]+"/gi, '').replace(/style='[^']+'/gi, '');    match = match.replace(/width="[^"]+"/gi, '').replace(/width='[^']+'/gi, '');    match = match.replace(/height="[^"]+"/gi, '').replace(/height='[^']+'/gi, '');    return match;  });  newContent = newContent.replace(/style="[^"]+"/gi,function(match,capture){
       match = match.replace(/width:[^;]+;/gi, 'max-width:100%;').replace(/width:[^;]+;/gi, 'max-width:100%;');    return match;  });  newContent = newContent.replace(/
    
     ]*\/>/gi, '');  newContent = newContent.replace(/\
    
   

二、微信小程序-调用工具js文件/utils文件中的函数/变量

1. utils中被调用的js

var URl='http://123.23.169';	//变量var getImageurl=function(imageurl){
   		//函数	return URl+imageurl; } //变面向对象的方式模型输出，很重要 module.exports={
        URl:URl,//要引用的函数 xx:xx     getImageurl:getImageurl }

2. 要调用的js文件

// 获得工具utils工具js里面函数var utils=require('../../utils/app.js')console.log(utils) 可查看获得的函数console.log(utils.getImageurl('iamgeaaddress.png'))

转载地址：http://bupgf.baihongyu.com/