小程序 去除html富文本标签显示

小程序 去除html富文本标签显示

原因

我们在制作小程序的时候很多时候需要用到富文本解析来增加小程序的美观性实用性，但有的时候我们却也需要将同样的富文本文件只输出文本而并不输出html的标签，这个时候就需要对原来的富文本标签进行去标签

方法

使用wss方法，在wxml页面上直接操作即可，这样不会改变原来的富文本，只会在需要渲染的地方去除html标签从而实现只显示文本功能

在需要进行去html标签的wxml内加入

<wxs module="m1">
var delHtmlTag = function(str) {
    var reg = getRegExp("<[^>]+>", "g");
    var result = str.replace(reg, '');
    return result; 
  }
module.exports.delHtmlTag = delHtmlTag;
</wxs>

然后在需要进行去标签渲染的地方改成这样即可

<view class="replybox">{{m1.delHtmlTag(item.orderreply)}}view>

即可实现去除标签功能

如果想要在其他页面也实现该功能，最好看下下面的参考1

参考

1. 小程序：如何在wxml页面中调用JavaScript函数
2. 微信开发指南-WXS