正则表达式匹配p标签_善用正则表达式编辑文档

前言

刚学习前端的时候,我只认为正则表达式只是用于校验数据,直到使用Vscode编辑器之后才知道正则表达式不仅仅用于程序数据校验,还可以对文档内容进行检索与批量替换内容。


学习正则表达式

正则表达式30分钟入门教程​deerchao.cn

常用正则表达式

快速提取a标签的链接。

<as+(?:[^>]*?s+)?href?=?["']([^'^"]*)["'][^>]*>

快速清除html行内的style样式。

style="(.*?)"   

快速匹配特定标签的所有内容。

:: 格式:[标签](n|.)*[标签]
<p>(n|.)*</p>

快速多余空行。

^s*(?=r?$)n

快速清除多余空格。

^s*|s*$ 

快速匹配当前行。

^.*$

快速查找相邻重复字符。

:: 格式:^[字符]{2}$
^a{2}$

这个是用来检测打字是否手误多打字符。


使用方法

以”快速多余空行“表达式为例。

  1. 使用VScode编辑器打开文本。

34ab6f9e135cc2b86226211c47ee929c.png

2. 点击左边菜单的“搜索”。

0e5e88559e583cdadb22f23626f4daf9.png

3. 在搜索输入框,输入正则表达式,并选中”正则表达式“。

0bc8cb95a7e59c36bdaf9ce3263de127.png

4. 点击”替换“。

4e59888067b8832c6cdd45ba79585532.png

5. 完成替换。

6c2faa7fa021eabf5f918c2b52cb007f.png

建议

严格匹配,就多使用^与$。

谨慎使用.(点)。

多用正则表达式,提高工作效率。

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值