Sublime正则替换一键删除所有HTML标签的教程

梦晨小哥_7254

梦晨小哥_7254

2026-09-29

353人浏览

原创

\]\*> 是 sublime 中唯一能稳定删除所有单行 html 标签的正则,不跨行、不误删属性值中的 ,但删后文本粘连,且对 和 块无效。

sublime正则替换一键删除所有html标签的教程

]*> 是 Sublime 里唯一能稳定删掉所有单行 HTML 标签(包括 <div>、<code>、<img src="">)的正则,它不跨行、不误吞属性值里的 或 <code>>,但删完后文本会粘连,且对 <script></script> 和 <style></style> 块完全无感。

为什么不用 <.></.>?

这个写法看着简单,实际在 Sublime 的 PCRE 引擎里问题一堆:

  • <.></.> 默认不跨行,遇到 <div>\nHello</div> 就断成两截,只删开头不删结尾
  • 它无法识别引号边界,会把 <script>console.log('<div>')</script> 里的字符串也当标签删掉
  • 遇上 alt="A > B" 这种含 > 的属性值,.*? 会在第一个 > 就收手,导致标签残留
  • 未勾选右下角 .* 图标时,整个表达式被当作文本字面量,根本不会执行正则匹配

怎么安全执行 ]*> 替换?

这是真正可落地的操作链,漏一步就白干:

  • 确保右下角状态栏的 .* 图标已点亮(启用正则),但 \n 图标必须关闭(禁用 . 匹配换行符)
  • 查找框填:]*>,替换框彻底留空(别填 \n、空格或不可见字符)
  • 先点 Find All 看匹配数是否合理——如果文件有 200 行却只匹配出 5 个标签,大概率是 \n 图标误开了
  • 确认无误后点 Replace All,一次清掉所有开始/结束/自闭合标签

删完标签后文本粘连、空行乱飞怎么办?

这不是正则错了,是 HTML 语义剥离后的必然结果。原始 <p>标题</p><div class="aritcle_card flexRow artxards"> <div class="artcardd flexRow"> <a class="aritcle_card_img" rel="nofollow" href="/xiazai/skill5493" title="html-to-pptx"><img src="https://img.php.cn/upload/skill/000/000/081/179051045119472.jpg" alt="html-to-pptx" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a> <div class="aritcle_card_info flexColumn"> <a rel="nofollow" href="/xiazai/skill5493" title="html-to-pptx" class="overflowclass">html-to-pptx</a> <p class="overflowclass">将多页 HTML 演示文稿转换为美化的 PPTX 文件,便于分享和分发。</p> </div> <a rel="nofollow" href="/xiazai/skill5493" title="html-to-pptx" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a> </div> </div> <div>内容</div> 删完只剩“标题内容”,中间没换行也没空格。得补三步:

  • 先统一换行符:查找 (?:\r\n|\r|\n)+ → 替换为 \n(解决 Windows/Linux 换行不一致)
  • 再还原块级语义:查找 <p>|</p> <div>|<h>|<li> → 替换为 <code>\n;再查 |
|[1-6]>| → 替换为 \n(注意顺序,避免嵌套干扰)
  • 最后清空行:关闭 \n 图标,查找 ^\s*$ → 替换框留空(删掉带空格、Tab、甚至全角空格的伪空行)
  • 遇到 <script></script> 或 <style></style> 怎么办?

    ]*> 对它们完全无效,且会误删里面的内容。Sublime 没有 HTML 解析器,不存在“自动跳过”的能力,必须人工干预:

    • 手动折叠:按 Ctrl+Shift+P → 输入 Fold Tags,选中所有 <script></script> 和 <style></style> 块并折叠,再运行 ]*>
    • 或反选操作:用鼠标或 Ctrl+D 选中全部 <script>...</script> 和 <style>...</style>,按 Ctrl+Shift+P → Selection: Invert Selection,再执行替换
    • 千万别指望一条正则通吃——如果文件来自微信公众号、邮件正文或爬虫抓取,且体积超 200KB,建议直接切到 html2text 或 BeautifulSoup 处理,正则只是临时救急手段

    真正容易被忽略的是:删完后文本可能缺换行符,尤其末尾。Sublime 不保证文件以 \n 结尾,而很多工具(比如 Python 脚本、CI 流水线)要求 POSIX 兼容。删完记得检查最后一行是否高亮显示,必要时手动补一个换行,或运行 Ctrl+Shift+P → Insert Final Newline。

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

    相关文章

    HTML速学教程(入门课程)
    HTML速学教程(入门课程)

    HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

    下载

    本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

    相关专题

    更多
    html版权符号
    html版权符号

    html版权符号是“©”,可以在html源文件中直接输入或者从word中复制粘贴过来,php中文网还为大家带来html的相关下载资源、相关课程以及相关文章等内容,供大家免费下载使用。

    2023.06.14

    5235

    7

    html在线编辑器
    html在线编辑器

    html在线编辑器是用于在线编辑的工具,编辑的内容是基于HTML的文档。它经常被应用于留言板留言、论坛发贴、Blog编写日志或等需要用户输入普通HTML的地方,是Web应用的常用模块之一。php中文网为大家带来了html在线编辑器的相关教程、以及相关文章等内容,供大家免费下载使用。

    2023.06.21

    3032

    4

    html网页制作
    html网页制作

    html网页制作是指使用超文本标记语言来设计和创建网页的过程,html是一种标记语言,它使用标记来描述文档结构和语义,并定义了网页中的各种元素和内容的呈现方式。本专题为大家提供html网页制作的相关的文章、下载、课程内容,供大家免费下载体验。

    2023.07.31

    2690

    5

    html空格
    html空格

    html空格是一种用于在网页中添加间隔和对齐文本的特殊字符,被用于在网页中插入额外的空间,以改变元素之间的排列和对齐方式。本专题为大家提供html空格的相关的文章、下载、课程内容,供大家免费下载体验。

    2023.08.01

    2719

    5

    html是什么
    html是什么

    HTML是一种标准标记语言,用于创建和呈现网页的结构和内容,是互联网发展的基石,为网页开发提供了丰富的功能和灵活性。本专题为大家提供html相关的各种文章、以及下载和课程。

    2023.08.11

    4639

    6

    html字体大小怎么设置
    html字体大小怎么设置

    在网页设计中,字体大小的选择是至关重要的。合理的字体大小不仅可以提升网页的可读性,还能够影响用户对网页整体布局的感知。php中文网将介绍一些常用的方法和技巧,帮助您在HTML中设置合适的字体大小。

    2023.08.11

    2681

    3

    html转txt
    html转txt

    html转txt的方法有使用文本编辑器、使用在线转换工具和使用Python编程。本专题为大家提供html转txt相关的文章、下载、课程内容,供大家免费下载体验。

    2023.08.31

    2449

    3

    html文本框代码怎么写
    html文本框代码怎么写

    html文本框代码:1、单行文本框【<input type="text" style="height:..;width:..;" />】;2、多行文本框【textarea style=";height:;"></textare】。

    2023.09.01

    2228

    6

    HTML嵌入CSS样式的方法
    HTML嵌入CSS样式的方法

    HTML嵌入CSS样式的方法有内联样式、内部样式表和外部样式表。本专题为大家提供CSS样式相关的文章、下载、课程内容,供大家免费下载体验。

    2023.09.20

    2228

    5

    热门下载

    更多
    网站特效
    /
    网站源码
    /
    网站素材
    /
    前端模板

    精品课程

    更多
    相关推荐
    /
    热门推荐
    /
    最新课程