react 替换标签内容_如何去除富文本中的html标签及vue、react、微信小程序中的过滤器...

在获取富文本后，又只要显示部分内容，需要去除富文本标签，然后再截取其中一部分内容；然后就是过滤器，在微信小程序中使用还是挺多次的，在vue及react中也遇到过

1.富文本去除html标签

去除html标签及 空格

let richText = '

       sdaflsjf的丰富及饿哦塞尔

dsfjlie';

/* 去除富文本中的html标签 */

/* *、+限定符都是贪婪的，因为它们会尽可能多的匹配文字，只有在它们的后面加上一个?就可以实现非贪婪或最小匹配。*/

let content = richText.replace(/<.>/g, '');

console.log(content);

/* 去除  */

content = content.replace(/ /ig, '');

console.log(content);

/* 去除空格 */

content = content.replace(/\s/ig, '');

console.log(content);

截取字符串

content = formatRichText(content);

console.log(content);

/* 使用substring来截取字符串 */

if (content.length > 10) {

content = content.substring(0, 10) + '...&