关于对UEditor富文本框所获取的数据做“筛选”处理

在处理UEditor富文本框获取的新闻内容时,需要在简介页移除图片。通过JavaScript字符串方法,识别并替换`<img>`标签,避免直接删除可能导致的内容丢失问题。利用`indexOf()`和`substring()`方法,实现对`<img>`标签的定位和截取,确保简介页内容正确显示。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

之前写东西的时候碰到一个问题,大致是从后台的富文本框获取新闻的内容展示出来,具体分为简介页和详情页,但是简介页不能出现图片。那我们获取的数据是一样的,如何在简介页将图片筛掉呢?我开始想了一种方法,就是在简介页获取数据的时候,直接把<img>标签给删除掉,然而仔细想了下后觉得并不好,因为这样意味着要删除标签所有的内容,然而我们并不知道这个标签具体有多长,无法用分割字符串来解决。后来想到了display:none 我们只要在用js的字符串方法识别到'<img' 这样的字符串,然后在其后面添加display:none 这样就可以把所有的img标签都筛掉了。我们来举个例子:
举例子之前,我们来看看2个字符串方法
1 :str.indexOf(searchStr,searchStart)
第一个参数是所要寻找的字符串的值,第二个是开始寻找的位置 ,如果没有寻找到对应的字符串,则返回-1
2 str.substring(start,stop)
前后两个参数的意义是开始和停止寻找的位置

<!DOCTYPE html>
<html lang="en">
<head>
    <meta 
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值