背景情况
后端通过富文本上传了一篇通告类文章,前端展示时要显示在div中会因为内容过多改变布局。
So
解决思路
为了div不被撑开,无奈截取。但是富文本数据里面有元素标签,空格,换行等乱七八糟的干扰,为了只截取汉字并显示汉字,想到了正则过滤。
解决办法
// 正则过滤富文本
richTextFormat(value) {
// value = value.replace(/<\/?[^>]*>/g,'')
value = value.replace(/<\/?.+?>/g,'')
value = value.replace(/\s+/g,'')
if (value.length > 30) {
return value.slice(0, 30) + "...";
}
return value;
},
搞定。