vue项目提取富文本里的纯文本作为描述_vue获取富文本中的文本内容

1、过滤器中使用正则表达式

 filters: {
    filtersText(val) { // 要判断一下,如果是空就返回空字符串,不然会报错
      if (val != null && val != '') {
        var reg = /[\u4e00-\u9fa5]/g
        var names = val.match(reg)
        val = names.join('')
        return val.substr(0, 50);//获取富文本文字内容的前50个字符
      } else return ''
    }
  }
// 在文本中使用
// {{ruleForm.content | filtersText}}
 

2

其实从html富文本中提取纯文本很简单，富文本基本上是使用html标签给文本加上丰富多彩的样式。

所以只需要将富文本字符串中的“<.....>”标签剔除，即可得到纯文本。我们可以使用正则表达式，来匹配所有的html标签，并替换成空字符，如下：

//html剔除富文本标签，留下纯文本

function getSimpleText(html){
var re1 = new RegExp("<.+?>","g");//匹配html标签的正则表达式，"g"是搜索匹配多个符合的内容
var msg = html.replace(re1,'');//执行替换成空字符
return msg;
}