vue中处理后台返回的 html 特殊标签(‘\<; p style=“xxx“ \>;‘)或(\<p>)的三种情况及传给后端数据的解决方案
vue中处理后台返回的 html 特殊标签(‘<; p style=“xxx“ >;‘)或(\<p>)的三种情况返回数据// 返回数据:list: {"introduct": '<p style="color: lightcoral;">就 当文字就是内容吧。</p>',}// 或者list: {"i
·
问题一:vue中处理后台返回的 html 特殊标签(‘<; p style=“xxx“ >;‘)或(\<p>)的三种情况
返回数据
// 返回数据:
list: {
"introduct": '<p style="color: lightcoral;">就 当文字就是内容吧。</p>',
}
// 或者
list: {
"introduct": '<span style="color: skyblue">就当文字就是内容吧。 </p>',
}
解决方案:
var arrEntities = {
'lt': '<',
'gt': '>',
'nbsp': ' ',
'amp': '&',
'quot': '"'
};
return str.replace(/&(lt|gt|nbsp|amp|quot);/ig, function(all, t) {
return arrEntities[t];
});
问题二:后端存进库中的数据不能够进行分行和空格,故传输时前端需要进行处理
val.replace(/(^ )|( $)/g, '')
更多推荐
已为社区贡献1条内容
所有评论(0)