微信小程序 -- 插入html代码

对于在微信小程序开发中，插入html代码，有两种做法，具体如下：

一.方法1：使用微信小程序组件rich-text

1. js文件中

content内容为html代码，使用replace() 方法进行字符的替换，达到预期的效果（不需要改，直接复制即可）。

Page({
  /**
   * 页面的初始数据
   */
  data: {
    content:'',
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var content = "<div><h3 style='margin-bottom:10px'>美景图</h3><img src='../resource/image/img1.jpg'></img></div>";

    var newContent = content.replace(/<img/gi, '<img style="max-width:100%;height:auto;display:block" ')
        .replace(/&lt;/g, '<')
        .replace(/&gt;/g, '>')
        .replace(/&amp;nbsp;/g, ' ')
        .replace(/&quot;/g, '\"');
        this.setData({
          content:newContent
        })