You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

从Chrome元素检查器复制HTML到Sublime Text 3出现单行格式问题求助

解决Chrome检查器复制HTML到Sublime Text 3排版混乱的问题
  • 用Sublime Text自带功能快速格式化
    把代码粘贴到Sublime后,先确认右下角的语法模式是HTML(不是的话点击切换),然后用快捷键:

    • Windows/Linux:Ctrl+Shift+H
    • Mac:Cmd+Shift+H
      也可以通过菜单栏操作:Edit → Line → Reindent,自动根据HTML标签层级缩进代码。
  • 安装插件增强格式化效果
    要是自带功能满足不了需求,试试HTML-CSS-JS Prettify插件:

    1. 按Ctrl+Shift+P(Windows/Linux)或Cmd+Shift+P(Mac)打开Package Control,输入Install Package回车
    2. 搜索HTML-CSS-JS Prettify并安装
    3. 选中需要整理的HTML代码,按Ctrl+Shift+H/Cmd+Shift+H,插件会自动调整换行和缩进,让代码结构一目了然。
  • 复制前在Chrome检查器先格式化
    复制代码前,在Chrome元素面板里先处理:

    1. 右键目标HTML节点,选择Copy → Copy outer HTML(单个内部节点选Copy inner HTML)
    2. 或者在检查器的代码区右键,选Format Document,先把Chrome里的代码格式化好再复制,粘贴到Sublime就是带正确缩进的结构。

内容的提问来源于stack exchange,提问作者obader

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.17 02:20:35