Ruoyi文本输入框,去除<p>标签

文章讲述了在移动端开发中遇到的问题,即富文本输入框中出现的p标签导致显示问题。作者通过正则表达式筛选并移除p标签,同时进行了数据验证,确保后台数据的正确性。
摘要由CSDN通过智能技术生成

富文本输入框,存在<p>的标签保留,目前我采用的办法:

正则表达式的形式来筛选文字:

const regex = /<p>(.*?)<\/p>/g;
const matches = []; // 匹配所有结果
let match;
while ((match = regex.exec(allActSpecData)) !== null) {
	matches.push(match[1]); // 将匹配到的内容添加到数组中
}

前景提要:

今日在开发时,发现若依框架下,采用的富文本输入框,存在<p>标签。起初移动端数据传递没有<p>标签,在后台修改后出现了标签,导致移动端出现显示问题。于是准备进行修改。

为保证后台正常使用,所以直接在,移动端的JS部分进行数据筛选:

1、书写正则表达式:

const regex = /<p>(.*?)<\/p>/g;
//匹配所有 <p> 标签内的内容

上文用于匹配,<p>的。同理,如果需要进行所有标签的去除可以用:

const regex = /<[^>]*>/g;

2、对获取的数据是否带有标签,进行判断

进行后续数据获取操作:indexOf()用于判断是否存在其中的值。

//假设获取到的数据为:allActSpecData
const matches = []; // 匹配所有结果
let match;
if (allActSpecData.indexOf('<p>') === -1) {
//用于判定是否存在<p>标签
// 如果没有 <p> 标签,则直接将整个字符串作为匹配结果
    matches.push(allActSpecData);
} 
else
	while ((match = regex.exec(allActSpecData)) !== null) {
		matches.push(match[1]); // 将匹配到的内容添加到数组中
}

3、进行数据验证

console.log('==== 获取到的信息:', allActSpecData);
console.log('==== 筛选后的信息:' , matches);

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Tifa_blosser

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值