关于后台拿的富文本数据处理,及replace的妙用
昨天在写小程序的时候,从后台拿到了富文本数据。然后用了parser(小程序富文本插件),在页面展示的数据中包含有标签之类的。这时候我发现后台拿来的数据是这样的
我们可以看到,他并不是标签,而是一些转义字符,例如p标签就是 “<p>;”
这时候我们就不能直接用富文本插件了,需要对数据进行处理再使用,于是我想到了用replace方法,替换字符嘛。但是问题来了,replace方法不能替换所有的转义字符。然后我又去看了一下文档
发现replace被替换的值可以是正则对象,这就好解决了,我直接封装了一个函数,被替换的值为 /内容/g 。这样就能匹配所有的值了,如果还有需要替换别的转义字符的话,可以再自行添加。
export function change(strValue) {
strValue = strValue.replace(/&/g,"&");
strValue = strValue.replace(/</g,"<");
strValue = strValue.replace(/>/g,">");
strValue = strValue.replace(/"/g,"\"");
strValue = strValue.replace(/'/g,"'");
return strValue;
}