ant design vue从后台接口传过来的数据带有span样式,现在需要一个文字提示框,怎么在文字提示框中只显示文字内容,不显示样式
时间: 2024-05-03 07:21:07 浏览: 99
asp.net后台实现文本框提示文字
5星 · 资源好评率100%
可以使用正则表达式去掉文本中的span标签和其它HTML标签,只保留文本内容。具体实现方法可以参考以下代码:
```
function removeHtmlTags(str) {
// 去掉span标签
str = str.replace(/<span[^>]*>/gi, '');
str = str.replace(/<\/span>/gi, '');
// 去掉其它HTML标签
str = str.replace(/<\/?([a-z][a-z0-9]*)\b[^>]*>/ig, '');
return str;
}
// 示例
let text = '<span style="color:red;">这是一段带有span样式的文本</span>';
let result = removeHtmlTags(text);
console.log(result); // 输出:这是一段带有span样式的文本
```
将上面的代码封装成一个函数,然后在文字提示框中调用该函数即可。
阅读全文