Sublime实现一键删除所有HTML标签_Sublime正则提取网页纯文本

千明吖_5715

千明吖_5715

2026-04-14

879人浏览

原创

最稳方法是用]*>删除html标签,它匹配单行内不含>的标签,避免跨行误删;操作为ctrl+h→启正则→查]*>→替为空;对script/style需先反选或分步处理。

sublime实现一键删除所有html标签_sublime正则提取网页纯文本

用 ]*> 删除 HTML 标签最稳

Sublime 没有“去标签”按钮,但]*>这个正则能覆盖 95% 的常规标签场景,包括<div>、<code><img src="">、<br>,且不会跨行误吞内容。

操作步骤:

  • 按 Ctrl+H(Windows/Linux)或 Cmd+H(macOS)打开替换面板
  • 勾选 .*(启用正则模式)
  • 查找框填:]*>
  • 替换框留空
  • 点 Replace All

为什么不用 <.></.>?它在 Sublime 的 PCRE 引擎里对换行和引号内 > 处理脆弱。比如遇到 <div>\nHello</div> 或 click <span>me</span>,容易截断或漏删。

保留段落结构:先处理 <p></p> 再删其他标签

直接删光所有标签,文本会糊成一坨。想保留可读性,得让段落之间有换行。

推荐两步走:

  • 先把 <p>.*?</p><div class="aritcle_card flexRow artxards"> <div class="artcardd flexRow"> <a class="aritcle_card_img" rel="nofollow" href="/xiazai/skill5806" title="html-deploy"><img src="https://img.php.cn/upload/skill/000/000/081/179066538882434.jpg" alt="html-deploy" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a> <div class="aritcle_card_info flexColumn"> <a rel="nofollow" href="/xiazai/skill5806" title="html-deploy" class="overflowclass">html-deploy</a> <p class="overflowclass">使用 htmlcode.fun 将 HTML 内容或文件部署到网页,适用于用户要求“部署到网页”“托管此 HTML”“生成此前端...的实时链接”等场景。</p> </div> <a rel="nofollow" href="/xiazai/skill5806" title="html-deploy" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a> </div> </div> 替换成 \n$0\n(注意勾选 .* 和 . matches newline),这样每个段落前后都加了换行
  • 再用 ]*> 删掉所有剩余标签
  • 最后查 \n\s*\n → \n\n,合并多余空行

\s 在 Sublime 默认匹配换行符,所以别直接用 \s+ 替换单空格,否则段落会被压平。

遇到 <script></script> 或 <style></style> 怎么办

]*> 不区分上下文,会把 <script>console.log('<div>')</script> 里的 <div> 也当标签删掉——这是正则的天然盲区。<p>安全做法只有两种:</p> <ul> <li>手动选中所有 <code><script>...</script> 和 <style>...</style> 区域,按 Ctrl+Shift+P 输入 Selection: Invert Selection,反选后再执行标签删除

  • 或分步:先用 ]*>[\s\S]*?\1> 单独匹配并跳过(替换为空白占位符),再删其余标签,最后还原
  • 没有万能正则能理解 HTML 语法树,这点必须接受。

    HTML 注释不能和标签一起删

    <!-- comment --> 是独立语法结构,]*> 会把它错切成 <!-- 和 --> 两段,破坏注释完整性,甚至误删中间内容。

    删注释得另起炉灶:

    • 查找:<!--[\s\S]*?-->(务必勾选 . matches newline)
    • 替换为空
    • 执行前先 Find All 预览,确认没吞掉

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

    相关专题

    更多
    console接口是干嘛的
    console接口是干嘛的

    console接口是一种用于在计算机命令行或浏览器开发工具中输出信息的工具,提供了一种简单的方式来记录和查看应用程序的输出结果和调试信息。本专题为大家提供console接口相关的各种文章、以及下载和课程。

    2023.08.08

    796

    5

    console.log是什么
    console.log是什么

    console.log 是 javascript 函数,用于在浏览器控制台中输出信息,便于调试和故障排除。想了解更多console.log的相关内容,可以阅读本专题下面的文章。

    2024.05.29

    5643

    7

    windows查看端口占用情况
    windows查看端口占用情况

    Windows端口可以认为是计算机与外界通讯交流的出入口。逻辑意义上的端口一般是指TCP/IP协议中的端口,端口号的范围从0到65535,比如用于浏览网页服务的80端口,用于FTP服务的21端口等等。怎么查看windows端口占用情况呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

    2023.07.26

    3079

    3

    查看端口占用情况windows
    查看端口占用情况windows

    端口占用是指与端口关联的软件占用端口而使得其他应用程序无法使用这些端口,端口占用问题是计算机系统编程领域的一个常见问题,端口占用的根本原因可能是操作系统的一些错误,服务器也可能会出现端口占用问题。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

    2023.07.27

    2658

    6

    windows照片无法显示
    windows照片无法显示

    当我们尝试打开一张图片时,可能会出现一个错误提示,提示说"Windows照片查看器无法显示此图片,因为计算机上的可用内存不足",本专题为大家提供windows照片无法显示相关的文章,帮助大家解决该问题。

    2023.08.01

    1448

    3

    windows查看端口被占用的情况
    windows查看端口被占用的情况

    windows查看端口被占用的情况的方法:1、使用Windows自带的资源监视器;2、使用命令提示符查看端口信息;3、使用任务管理器查看占用端口的进程。本专题为大家提供windows查看端口被占用的情况的相关的文章、下载、课程内容,供大家免费下载体验。

    2023.08.02

    2419

    5

    windows无法访问共享电脑
    windows无法访问共享电脑

    在现代社会中,共享电脑是办公室和家庭的重要组成部分。然而,有时我们可能会遇到Windows无法访问共享电脑的问题。这个问题可能会导致数据无法共享,影响工作和生活的正常进行。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

    2023.08.08

    3230

    4

    windows自动更新
    windows自动更新

    Windows操作系统的自动更新功能可以确保系统及时获取最新的补丁和安全更新,以提高系统的稳定性和安全性。然而,有时候我们可能希望暂时或永久地关闭Windows的自动更新功能。php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

    2023.08.10

    1517

    3

    windows boot manager
    windows boot manager

    windows boot manager无法开机的解决方法:1、系统文件损坏,使用Windows安装光盘或USB启动盘进入恢复环境,选择修复计算机,然后选择自动修复;2、引导顺序错误,进入恢复环境,选择命令提示符,输入命令"bootrec /fixboot"和"bootrec /fixmbr",然后重新启动计算机;3、硬件问题,使用硬盘检测工具进行扫描和修复;4、重装操作系统。本专题还提供其他解决

    2023.08.28

    2417

    4

    热门下载

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

    精品课程

    更多
    相关推荐
    /
    热门推荐
    /
    最新课程
    GDB 17.2 官方文档集合
    GDB 17.2 官方文档集合

    共0课时 | 0人学习

    Bootstrap 入门安装配置
    Bootstrap 入门安装配置

    共0课时 | 0人学习

    38+ PhpStorm 提示和技巧
    38+ PhpStorm 提示和技巧

    共1课时 | 219人学习