notepad++ 删除html标签应使用]*>正则，勾选“正则表达式”、取消“.匹配换行符”，替换为空；注释、cdata、doctype需单独处理；删后用\s+和^\s*$\r?\n清理空白；保留特定标签用三步占位法；含js字符串尖括号的场景不适用。

Notepad++ 不能真正“解析” HTML，它只做字符串匹配。所以批量删标签这事，核心是写对正则、分清场景、避开常见翻车点。

用 ]*> 删除所有标签最稳

这是唯一推荐的起点正则：它只匹配「以 、以 > 结尾」的片段，不会跨行、不吞内容、不误杀 <script></script> 里的 a 这类合法符号。

• 必须勾选「正则表达式」，取消勾选「. 匹配换行符」
• 「查找目标」填 ]*>，「替换为」留空，点「全部替换」
• 别用 <.></.>——它在含换行的标签（比如 <pre class="brush:php;toolbar:false;">\n&lt;div&gt;）里会吃掉整块内容 &lt;li&gt;别用 &lt;code&gt;&lt;.&gt;&lt;/.&gt;&lt;/code&gt; 或 &lt;code&gt;&lt;.&gt;&lt;/.&gt;&lt;/code&gt;——前者只匹配单字符标签，后者贪婪到可能吞掉两个标签之间的文本&lt;/li&gt; &lt;h3&gt;HTML 注释和 CDATA 得单独处理&lt;/h3&gt; &lt;p&gt;&lt;code&gt;&lt;!--.*?--&gt;&lt;/code&gt; 和 &lt;code&gt;&lt;/code&gt; 不会被 &lt;code&gt;]*&gt;&lt;/code&gt; 覆盖，因为它们本身不含 &gt;，但又确实是需要清理的“伪标签”。&lt;/p&gt; &lt;ul&gt; &lt;li&gt;先处理注释：勾选「. 匹配换行符」，查找 &lt;code&gt;&lt;!--[\s\S]*?--&gt;&lt;/code&gt;，替换为空&lt;/li&gt; &lt;li&gt;再处理 CDATA：同样勾选「. 匹配换行符」，查找 &lt;code&gt;&lt;/code&gt;，替换为空&lt;/li&gt; &lt;li&gt;DOCTYPE（如 &lt;code&gt;）也得单加一条：查找 &lt;code&gt;]*&gt;&lt;/code&gt;，替换为空（注意这不是通用方案，仅针对这类声明）&lt;/code&gt; &lt;/li&gt; &lt;/ul&gt; &lt;h3&gt;删完标签后文本粘连？用两步清理空白&lt;/h3&gt; &lt;p&gt;原始 HTML 是 &lt;code&gt;&lt;p&gt;第一段&lt;/p&gt;&lt;div class=&quot;aritcle_card flexRow artxards&quot;&gt; &lt;div class=&quot;artcardd flexRow&quot;&gt; &lt;a class=&quot;aritcle_card_img&quot; rel=&quot;nofollow&quot; href=&quot;/xiazai/skill8272&quot; title=&quot;anything-to-html&quot;&gt;&lt;img src=&quot;https://img.php.cn/upload/skill/000/000/081/179195588450431.jpg&quot; alt=&quot;anything-to-html&quot; onerror=&quot;this.onerror='';this.src='/static/lhimages/moren/morentu.png'&quot; &gt;&lt;/a&gt; &lt;div class=&quot;aritcle_card_info flexColumn&quot;&gt; &lt;a rel=&quot;nofollow&quot; href=&quot;/xiazai/skill8272&quot; title=&quot;anything-to-html&quot; class=&quot;overflowclass&quot;&gt;anything-to-html&lt;/a&gt; &lt;p class=&quot;overflowclass&quot;&gt;将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。&lt;/p&gt; &lt;/div&gt; &lt;a rel=&quot;nofollow&quot; href=&quot;/xiazai/skill8272&quot; title=&quot;anything-to-html&quot; class=&quot;aritcle_card_btn flexRow flexcenter&quot;&gt;&lt;b&gt;&lt;/b&gt;&lt;span&gt;下载&lt;/span&gt; &lt;/a&gt; &lt;/div&gt; &lt;/div&gt;\r\n&lt;p&gt;第二段&lt;/p&gt;&lt;/code&gt;，删完变成 &lt;code&gt;第一段第二段&lt;/code&gt;，中间没换行也没空格。&lt;/p&gt; &lt;ul&gt; &lt;li&gt;先压缩行内多余空白：查找 &lt;code&gt;\s+&lt;/code&gt;，替换为单个空格（&lt;code&gt;\s&lt;/code&gt; 在 Notepad++ 默认不匹配换行符，安全）&lt;/li&gt; &lt;li&gt;再删空行：查找 &lt;code&gt;^\s*$\r?\n&lt;/code&gt;，替换为空（&lt;code&gt;\r?\n&lt;/code&gt; 兼容 Windows/macOS/Linux 行尾）&lt;/li&gt; &lt;li&gt;如果源文件有大量连续换行（比如日志），可追加一步：查找 &lt;code&gt;\r?\n\r?\n&lt;/code&gt;，替换为 &lt;code&gt;\r\n\r\n&lt;/code&gt; 控制段间距&lt;/li&gt; &lt;/ul&gt; &lt;h3&gt;想保留某些标签（比如 &lt;code&gt;&lt;img&gt;&lt;/code&gt;）？别硬写负向断言&lt;/h3&gt; &lt;p&gt;Notepad++ 的 PCRE 引擎对 &lt;code&gt;(?!img)]*&gt;&lt;/code&gt; 这类负向先行断言支持极差，容易漏匹配或直接报错。&lt;/p&gt; &lt;ul&gt; &lt;li&gt;稳妥做法是三步占位法：先把 &lt;code&gt;&lt;img&gt;]*&gt;&lt;/code&gt; 替换成唯一标记，比如 &lt;code&gt;【IMG】&lt;/code&gt; &lt;/li&gt; &lt;li&gt;再用 &lt;code&gt;]*&gt;&lt;/code&gt; 删光其余所有标签&lt;/li&gt; &lt;li&gt;最后把 &lt;code&gt;【IMG】&lt;/code&gt; 换回原 &lt;code&gt;&lt;img src=&quot;x&quot;&gt;&lt;/code&gt;（如果你提前复制过原标签，这步就只是粘贴）&lt;/li&gt; &lt;li&gt;批量处理多个文件时，用「在文件中替换」功能，路径里填 &lt;code&gt;*.html;*.htm&lt;/code&gt;，别用 &lt;code&gt;*&lt;/code&gt;，否则会扫进 &lt;code&gt;.git&lt;/code&gt; 或 &lt;code&gt;node_modules&lt;/code&gt; &lt;/li&gt; &lt;/ul&gt; &lt;p&gt;真正麻烦的不是正则怎么写，而是你拿到的 HTML 里有没有 &lt;code&gt;&lt;script&gt;console.log('&lt;div&gt;')&lt;/script&gt;&lt;/code&gt; 这种嵌套在字符串里的尖括号——这种 case 正则根本无解，得换 DOM 解析器。Notepad++ 只适合格式可控、结构简单的清洗任务。&lt;/p&gt; &lt;/div&gt;</pre>

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！