【常用代码04】去除富文本编辑器中标签元素 vue提取纯文字,富文本去除符号,去除标签,去除图片表格标签去除a标签

转载已于 2022-07-22 11:33:01 修改 · 1.5k 阅读

CC 4.0 BY-SA版权

原文链接：https://blog.csdn.net/skyy_zhang/article/details/99829341?ops_request_misc=&request_id=&biz_id=102&utm_term=%E8%AF%BB%E5%8F%96%E5%AF%8C%E6%96%87%E6%9C%AC%E4%B8%AD%E7%9A%84%E6%96%87%E5%AD%97&utm_medium=distribute.pc_search_result.none-task-blog-2~all~sobai

文章标签：

#vue.js #javascript #ecmascript

于 2022-07-22 11:13:01 首次发布

各种常用但是容易忘记代码专栏收录该内容

24 篇文章

订阅专栏

这个函数用于去除HTML中的特定标签，如段落、换行、图片、表格和链接等，将HTML内容转化为纯文本格式，适用于文本处理和解析。

			// 去除标签
setText(html) {
	return html.replace(/<(p|div)[^>]*>(<br\/?>|&nbsp;)<\/\1>/gi, '\n')
	.replace(/<br\/?>/gi, '\n')
	.replace(/<[^>/]+>/g, '')
	.replace(/(\n)?<\/([^>]+)>/g, '')
	.replace(/\u00a0/g, ' ')
	.replace(/&nbsp;/g, ' ')
	.replace(/<img[^>]+src\\s*=\\s*['\"]([^'\"]+)['\"][^>]*>/g, '')
	.replace(/<\/?(img|table)[^>]*>/g, "")   // 去除图片和表格
	.replace(/<\/?(a)[^>]*>/g, "")			//  去除a标签
},