微信小程序 rich-text 富文本的解析显示

  <rich-text nodes="{{article_content}}"></rich-text>

/**
 * 此代码段处理目的为，匹配富文本代码中的 <img> 标签，并将其图片的宽度修改为适应屏幕
 * max-width:100% 		--- 图片宽度加以限制，避免超出屏幕
 * height:auto 	 	   	--- 高度自适应
 * display:block       	--- 此代码，可以去掉图片之间的空白间隔，个人觉得好用
 */
article_content = article_content.replace(/<img/gi, '<img style="max-width:100%;height:auto;display:block" ');

      article_content = article_content.replace(/<img/gi, '<img style="max-width:100%;height:auto;display:block" ')
     								 	.replace(/<section/g, '<div')
     									.replace(/\/section>/g, '\div>');