小程序渲染富文本里面的内容怎么把所有标签属性去除
时间: 2023-10-12 21:16:13 浏览: 88
如何去除富文本中的html标签及vue、react、微信小程序中的过滤器
你可以使用正则表达式去除富文本中所有标签的属性。以下是一个示例代码:
```javascript
function removeAttrFromRichText(html) {
// 匹配所有标签的属性
const regExp = /<[^>]*?(?:(?<=\s)id=("|')[^"']*?\1|(?<=\s)class=("|')[^"']*?\2|(?<=\s)style=("|')[^"']*?\3)[^>]*?>/g;
// 去除所有标签的属性
const result = html.replace(regExp, (match) => {
return match.replace(/ id=("|')[^"']*?\1| class=("|')[^"']*?\2| style=("|')[^"']*?\3/g, '');
});
return result;
}
const richText = '<div class="content" style="font-size: 16px;">Hello, World!</div>';
const plainText = removeAttrFromRichText(richText);
console.log(plainText); // 输出:<div>Hello, World!</div>
```
在上面的示例代码中,`removeAttrFromRichText` 函数接收一个包含富文本内容的字符串作为参数,使用正则表达式匹配所有标签的属性,并去除这些属性。最后返回去除属性后的纯文本。你可以将函数中的正则表达式根据你的实际需求进行修改。
阅读全文