[小程序]rich-text富文本内容替换

1,645 阅读1分钟

在微信小程序中,从后台数据调取字段时,如果需要替换字段中某个字符串时,就需要用到本例演示。

//item.text = "进入点击右下角扫码添加老师即可领取"
//item.red = "进入点击右下角"

<!--wxml-->
<wxs module="fn">
    module.exports = {
        replace: function(text, red){
            return text.replace(red, "<span class='red'>$&</span>");
        }
    }
</wxs>
<!--调用replace方法-->
<view class="title2" wx:key="item">
	<rich-text nodes="{{fn.replace(item.text, item.red)}}"></rich-text>
</view>