如何用正则表达式在Sublime Text多文件中替换HTML代码

操作步骤： #

1. 打开查找替换面板：按下Ctrl+H（Windows/Linux）或Cmd+H（Mac），点击面板左侧的.*按钮开启正则匹配模式。
2. 编写查找正则：
   输入以下正则表达式，精准匹配标签后紧跟的样式表链接行：

   (<head>\s*)<link rel="stylesheet" href="css/custom.css" type="text/css">
   

   说明：(<head>\s*)会捕获<head>标签及其后的所有空白（换行、空格、制表符），适配不同格式的代码排版；后半部分固定匹配目标样式表链接。
3. 编写替换内容：
   输入以下替换文本，插入带动态文件名的canonical链接：

   $1<link rel="canonical" href="http://example.com/catalog/$TM_FILENAME" />
   $0
   

   说明：
   • $1：引用查找时捕获的<head>标签及后续空白，保留原有代码格式；
   • $TM_FILENAME：Sublime内置变量，自动获取当前文件的完整文件名（如example_unic.html）；
   • $0：引用原匹配的样式表链接行，确保原有代码不丢失。
4. 批量处理多文件：
   若需一次性处理多个HTML文件，按下Ctrl+Shift+F（Windows/Linux）或Cmd+Shift+F（Mac）打开Find in Files面板：
   • 在Where栏选择目标文件夹；
   • 输入相同的查找正则和替换内容；
   • 点击Replace All完成批量修改。

效果示例 #

假设当前文件名为product_detail.html，替换后代码会变为：

<head>
<link rel="canonical" href="http://example.com/catalog/product_detail.html" />
<link rel="stylesheet" href="css/custom.css" type="text/css">
</head>

内容的提问来源于stack exchange，提问作者Vlad Gray