如何在VS Code中用正则表达式批量转换HTML img标签为Django静态格式?
用VS Code正则批量转换HTML img标签为Django {% static %}格式
操作步骤:
- 打开VS Code的替换面板:按
Ctrl+H(或先按Ctrl+F再点击右侧替换按钮) - 开启正则匹配模式:点击查找框右侧的
.*按钮(或按Alt+R) - 输入对应内容:
- 查找正则:
<img\s+src="\.\./(.*?)" - 替换内容:
<img src="{% static '$1' %}"
- 查找正则:
补充说明:
- 查找正则里的
\.\./精准匹配路径开头的../,括号内的(.*?)是捕获组,会暂存../之后的路径内容(比如img/logo.png),替换时用$1调用该内容 - 若img路径有多层相对前缀(如
../../img/icon.png),将查找正则改为<img\s+src="(?:\.\./)+(.*?)"即可,替换内容保持不变 - 替换前建议点击「查找全部」确认所有匹配项符合预期,避免误替换
- 确保Django模板顶部已添加
{% load static %},否则{% static %}标签无法生效
内容的提问来源于stack exchange,提问作者dudu
相关产品推荐
相关产品推荐

