对于在微信小程序开发中,插入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(/</g, '<')
.replace(/>/g, '>')
.replace(/&nbsp;/g, ' ')
.replace(/"/g, '\"');
this.setData({
content:newContent
})