查找并替换富文本内指定内容

最新推荐文章于 2023-08-03 21:27:42 发布

原创最新推荐文章于 2023-08-03 21:27:42 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

本文探讨了两种方法来放大富文本中font-size属性的值，包括使用零宽断言处理（适用于非iOS系统）和针对iOS特殊性的处理方式。介绍了如何在保持代码可读性的同时，确保在不同平台上的一致性。

方法一:零宽断言

let Fullcontent = '<p style="font-size: "14px">12323</p>'
let b = Fullcontent.match(/(?<=font-size:).*?(?=px)/ig)  //查找出富文本中存在的所有值 返回数组
let a = Fullcontent.split(/(?<=font-size:).*?(?=px)/ig)	 //根据当前值去切割成数组
let content = ''
a.forEach((item,index)=>{
content+= item + (a.length-1 === index ? '' : b[index]*1.5)
})

此方法将富文本内所有font-size的值放大了1.5倍(可根据需求自行调整)
弊端，ios系统不支持零宽断言

方法二:

let b = this.info.content.split(/font-size: /ig) 
 //根据font-size: 切割 得到 ['<p style="','"14px">12323</p>']
//由于字号小于100 除了数组的index === 0的情况下,其他下标的所有前两位字符串,为font-size的值
let res = b.map((item,index)=>{
   if(index!==0){
     let left = Number(item.slice(0,2)) //得到font-size值
     let right = item.slice(2) //得到除font-size的值
     return left*1.5 + right	//值乘1.5并重新拼接
   }else{
     return item
   }
 })
 this.content = res.reduce((pre,item)=>{
   return pre+'font-size: '+item
 })