uniapp 富文本标签的使用

157 阅读 0 评论 104 点赞

我是靠谱客的博主爱撒娇小懒猪，这篇文章主要介绍uniapp 富文本标签的使用，现在分享给大家，希望可以做个参考。

需求：复制富文本标签里的内容，要求只复制纯文本

在这里插入图片描述
点复制文案时只复制页面展示出来的文本

		// 复制文案
		copy(info) {//info是富文本标签的内容
			info = this.getSimpleText(info)
			console.log(info)
		}

//转化的方法
getSimpleText(html) {
	var re0 = new RegExp("<br>", "g"); //匹配html标签的正则表达式，"g"是搜索匹配多个符合的内容
	var msg0 = html.replace(re0, '1');
	var re1 = new RegExp("<.+?>", "g"); //匹配html标签的正则表达式，"g"是搜索匹配多个符合的内容
	var msg1 = msg0.replace(re1, ''); //执行替换成空字符		        
	var re2 = new RegExp("1", "g"); //匹配html标签的正则表达式，"g"是搜索匹配多个符合的内容
	var msg2 = msg1.replace(re2, 'rn'); //执行替换成空字符
	return msg2;
			}