不能直接用 src=".?" 批量删图片链接,因其会跨属性匹配、误删 data-src/srcset、忽略单引号和换行,且无法区分伪 src;应使用 src\s=\s["'](1)["'] 精准替换。"' ↩

不能直接用 src=".*?" 批量删图片链接——它会吃掉引号内所有内容,还可能跨标签误删 data-src 或 srcset 里的值。
为什么 src=".*?" 是危险操作
这个正则看似简单,但实际会匹配到 src="a.jpg" alt="b.jpg" 这种情况,把整个 src="a.jpg" alt="b.jpg" 当作一个匹配项,替换后只剩空引号或错位结构。更糟的是,它对 srcset、data-src、src 在 <script></script> 字符串里的情况完全无感,容易漏删或误伤。
- 它不区分属性名,
和src="x"都会被捕获 - 不处理单引号路径:
src='logo.png'完全逃逸 - 遇到换行(如
src=换行后接"x.jpg")时直接失效 - 无法跳过注释或 JS 字符串中的伪
src
安全删 src 值的正则写法(Sublime / VS Code / Notepad++)
真正可用的模式是:匹配完整属性边界 + 强制引号包裹 + 不跨引号。不同编辑器需微调,但核心逻辑一致。
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件(幻灯片风格)。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本,并且希望生成演示用的 HTML 时触发。支持任意内容来源:iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区,并通过企微直接发送给用户。触发词示例:帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
- 查找:
src\s*=\s*["']([^"']*)["']——src=后允许空格/换行,引号内只收非引号字符 - 替换:
src=""(清空)或src="{% static '$1' %}"(转义保留) - 必须勾选「正则表达式」和「匹配大小写」(若 HTML 属性为小写,通常默认即可)
- 不要启用「匹配新行」——
[\s\S]才是跨行方案,.*?开了也没用
想删所有 ![]()
标签,但保留其他内容
这不是删 src,而是删整条标签。此时不能靠 src 属性反推,得直接匹配 结构。
- 查找:
—— 覆盖自闭合与双标签写法]*?/>|
]*?>[^
- 更稳妥(推荐):
,再配合]*?>|
]*?/>
[\s\S]*?处理换行(仅当确认无嵌套时) - 注意:如果页面含
或内的,该正则仍有效;但若含,也一并删掉——这是预期行为
删完之后最容易被忽略的三件事
批量操作不是点下 Replace All 就结束。很多人在保存前就关掉了窗口,或者没检查 srcset 是否残留,导致上线后图片加载异常。
- 所有编辑器中,替换后文件只是“内存已改”,必须手动
Save All(Sublime)或逐个保存(VS Code) -
srcset是独立属性,不会被src=正则捕获,需额外加一条:srcset\s*=\s*["'][^"']*["'] - 删完建议全局搜
src=和srcset=确认是否清零,再打开浏览器 DevTools → Elements 面板验证 DOM 是否仍含残留属性
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!










