微信小程序如何 正常 载入 HTML ?- rich-text

// js
app.getNewsInfo(id).then(function(res){
    console.log('notice->',res);
    var con = res.content;
    let html = con.replace(/\<img/gi, '<img style="width:100%;height:auto;margin:5px auto;border-radius:5px;" ');
    html = html.replace(/\<p/gi, '<p style="width:100%;line-height:28px;font-size:16px;margin:5px auto;" ');
    that.setData({
      notice: res,
      content: html
    });
});
//wxml
<rich-text nodes="{{content}}" bindtap="tap"></rich-text>


//补充JS批量替换 HTML 里的 所有 style ,width,height 属性 方法

var con = '"<p style="text-align: left;"><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 16px;">青岛长达730公里的海岸线上不乏风景绝佳的景区,也自然不缺少海景房,而其中的海景别墅,正是不少有钱人非常喜爱的一种房子。海景别墅值得购买吗?海景别墅有哪些优缺点?</span></p><p style="text-align: left;"><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 16px;"><br/></span></p><p style="text-align: left;"><strong><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 18px;">什么是海景别墅?</span></strong></p><p style="text-align: left;"><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 16px;">顾名思义,就是海边的别墅,这一点青岛可谓得天独厚,尤其以崂山周边的海景别墅最为受到推崇。具有宽阔的观景视野,正是海景别墅的亮点之一。</span></p><p style="text-align: left;"><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 16px;">根据房屋和海岸线的距离可分为一线、二线和三线海景别墅,一线海景别墅通常是指距海边不超过300米距离,二线海景别墅定位在距海边800米以内的距离,三线海景别墅则是定位距离海边800米以外的别墅。</span></p><p style="text-align:center"><img src="/uploads/ueditor/20191128/2-19112Q12HG92.jpg" title="青岛海景别墅" alt="青岛海景别墅" width="600" height="411" border="0" vspace="0" style="max-width:100%!important;height:auto;width: 600px; height: 411px;"/></p><p style="text-align: left;"><span style="font-size: 18px;"><strong><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;;">海景别墅的优点有哪些?</span></strong></span></p><p style="text-align: left;"><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 16px;">1、远离喧嚣,享受生活。远离除了八大关的超级富人别墅群之外,大多数的别墅群都散布在海岸线,距离商务区较远。可以远离纷扰嘈杂的环境,享受更加安静的居住环境和更加新鲜的空气。</span></p><p style="text-align: left;"><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 16px;">2、调整环境温度。因为海水面对太阳辐射的反射率比较小的缘故,所以海水气温变化幅度比陆地也要小,具有调节气温的特点,所以住在海边可以做到冬暖夏凉,一年四季气温较为稳定。</span></p><p style="text-align: left;"><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 16px;">3、投资升值的选择。2019年青岛的房价虽然有所下降,但也只是暂时的。从青岛的旅游业和未来的规划发展来看,海边别墅的升值是必然的。海岸线优越位置的稀缺性和发展潜力,使得海景房具有投资升值的空间。</span></p><p style="text-align:center"><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 16px;"><img src="/uploads/ueditor/20191128/2-19112Q13112B3.jpg" title="海景别墅" alt="海景别墅" width="600" height="391" border="0" vspace="0" style="max-width:100%!important;height:auto;width: 600px; height: 391px;"/></span></p><p style="text-align: left;"><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 18px;">海景别墅的缺点有哪些?</span></p><p style="text-align: left;"><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 16px;">1、远离市区,配套设施不全。除了东部临近市中心的别墅区,大多的别墅区都远离市区,享受静谧生活的同时也带来了一定的不便,其他的配套设施相对匮乏。有一些项目带有部分配套设施,但消费往往会很高,不适合长期的生活消费。</span></p><p style="text-align: left;"><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 16px;">2、临海太近,空气潮湿。海景房由于近海,因此空气中水分较大,湿气相当重,海风吹拂也具有腐蚀性,这样一来,户型通风差可能会出现潮湿、家具金属腐蚀等问题。建议购房时尽量选择南北通透且通风好的户型。</span></p><p style="text-align: left;"><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 16px;">3、太贵。海景房通常面对的都是高端群体,而且海景资源有限,房价自然会很高,海景别墅的并不适合普通百姓购买和居住。</span></p><p style="text-align: left;"><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 16px;"><br/></span></p><p style="text-align: left;"><span style="font-family: 微软雅黑, &quot;Microsoft YaHei&quot;; font-size: 16px;">海景别墅值得购买吗?总得来说,海景房还是比较适合短期居住,比如度假之类的,它能舒缓人们紧绷的神经,减缓压力,净化人们的心灵。而居家长住、养老的话,就不要太靠近海了。</span></p>"';

let html=con.replace(/[ \t]*style[ \t]*=[ \t]*("[^"]+")|('[^']+')/ig,"");
	html=html.replace(/[ \t]*width[ \t]*=[ \t]*("[^"]+")|('[^']+')/ig,"");
	html=html.replace(/[ \t]*height[ \t]*=[ \t]*("[^"]+")|('[^']+')/ig,"");
	html=html.replace(/[ \t]*width[ \t]*=[ \t]*[^ \t]+/ig,"");
	html=html.replace(/[ \t]*height[ \t]*=[ \t]*[^ \t]+/ig,"");
	html = html.replace(/\<img/gi, '<img style="width:100%;height:auto;margin:5px auto;border-radius:5px;" ');
	html = html.replace(/\/uploads\/ueditor\//g, 'https://up.xiaoguan.net/uploads/ueditor/');
	html = html.replace(/\<p/gi, '<p style="width:100%;line-height:28px;font-size:16px;margin:5px auto;" ');
console.log('@@@==>',str);