如何在VS Code中替换<a>标签内容或删除href属性值
在VS Code中处理HTML标签的两个实用查找替换技巧
嘿,这两个都是日常用VS Code处理HTML时很常见的需求,我来给你拆解成一步一步的操作,保证你一看就会:
1. 替换标签起止标记之间的任意内容
这个需求是保留标签的结构(包括href属性),只替换标签包裹的文本内容,操作步骤如下:
- 打开VS Code的查找替换面板:按下快捷键
Ctrl+H(Mac用户是Cmd+H) - 开启正则匹配:点击面板右上角那个长得像
.*的按钮,确保它处于激活状态(会变成深色) - 在「查找」输入框里粘贴这段正则:
简单解释下:(<a href="[^"]*">).*?(</a>) - 在「替换」输入框里写你想要的内容,格式是:
比如你想把所有标签里的内容换成「点击查看」,就写$1你的新文本内容$2$1点击查看$2,替换后原标签的href会被完整保留,只有中间的文本变了。
2. 清空标签href属性内的所有内容
这个需求是把所有href="xxx"变成href="",操作更简单:
- 同样打开查找替换面板,开启正则匹配
- 在「查找」输入框里输入:
解释:href="[^"]*"[^"]*会匹配href引号里的任何非引号字符,不管内容多长多复杂都能命中 - 在「替换」输入框里直接写:
href="" - 点击「全部替换」按钮,所有标签的href属性值就会被清空啦。
内容的提问来源于stack exchange,提问作者S. DANIEL DEEPAK
相关产品推荐
相关产品推荐

