vue和小程序中富文本内容过长解决办法（显示省略号）

背景情况

后端通过富文本上传了一篇通告类文章，前端展示时要显示在div中会因为内容过多改变布局。

解决思路

为了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;
},

搞定。

参考：vue中过滤富文本超出显示省略号