微信小程序如何 正常 载入 HTML ？- rich-text HTML 样式 清理
// 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: 微软雅黑, "Microsoft YaHei"; font-size: 16px;">青岛长达730公里的海岸线上不乏风景绝佳的景区，也自然不缺少海景房，而其中的海景别墅，正是不少有钱人非常喜爱的一种房子。海景别墅值得购买吗？海景别墅有哪些优缺点？</span></p><p style="text-align: left;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 16px;"><br/></span></p><p style="text-align: left;"><strong><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 18px;">什么是海景别墅？</span></strong></p><p style="text-align: left;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 16px;">顾名思义，就是海边的别墅，这一点青岛可谓得天独厚，尤其以崂山周边的海景别墅最为受到推崇。具有宽阔的观景视野，正是海景别墅的亮点之一。</span></p><p style="text-align: left;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; 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: 微软雅黑, "Microsoft YaHei";">海景别墅的优点有哪些？</span></strong></span></p><p style="text-align: left;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 16px;">1、远离喧嚣，享受生活。远离除了八大关的超级富人别墅群之外，大多数的别墅群都散布在海岸线，距离商务区较远。可以远离纷扰嘈杂的环境，享受更加安静的居住环境和更加新鲜的空气。</span></p><p style="text-align: left;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 16px;">2、调整环境温度。因为海水面对太阳辐射的反射率比较小的缘故，所以海水气温变化幅度比陆地也要小，具有调节气温的特点，所以住在海边可以做到冬暖夏凉，一年四季气温较为稳定。</span></p><p style="text-align: left;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 16px;">3、投资升值的选择。2019年青岛的房价虽然有所下降，但也只是暂时的。从青岛的旅游业和未来的规划发展来看，海边别墅的升值是必然的。海岸线优越位置的稀缺性和发展潜力，使得海景房具有投资升值的空间。</span></p><p style="text-align:center"><span style="font-family: 微软雅黑, "Microsoft YaHei"; 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: 微软雅黑, "Microsoft YaHei"; font-size: 18px;">海景别墅的缺点有哪些？</span></p><p style="text-align: left;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 16px;">1、远离市区，配套设施不全。除了东部临近市中心的别墅区，大多的别墅区都远离市区，享受静谧生活的同时也带来了一定的不便，其他的配套设施相对匮乏。有一些项目带有部分配套设施，但消费往往会很高，不适合长期的生活消费。</span></p><p style="text-align: left;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 16px;">2、临海太近，空气潮湿。海景房由于近海，因此空气中水分较大，湿气相当重，海风吹拂也具有腐蚀性，这样一来，户型通风差可能会出现潮湿、家具金属腐蚀等问题。建议购房时尽量选择南北通透且通风好的户型。</span></p><p style="text-align: left;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 16px;">3、太贵。海景房通常面对的都是高端群体，而且海景资源有限，房价自然会很高，海景别墅的并不适合普通百姓购买和居住。</span></p><p style="text-align: left;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; font-size: 16px;"><br/></span></p><p style="text-align: left;"><span style="font-family: 微软雅黑, "Microsoft YaHei"; 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);