【问题标题】:Find closing HTML tag in Sublime Text在 Sublime Text 中查找结束 HTML 标记
【发布时间】:2013-02-11 14:33:34
【问题描述】:

我有一个非常长且非常嵌套的 HTML 文档,我需要在其中快速找到结束标记。我该怎么做?

【问题讨论】:

标签: html sublimetext


【解决方案1】:

试试 Emmet 插件命令Go To Matching Pair

http://docs.emmet.io/actions/go-to-pair/

快捷键(Mac):Shift + Control + T

快捷键(PC):Control + Alt + J

https://github.com/sergeche/emmet-sublime#available-actions

【讨论】:

  • 酷,谢谢。我实际上正在使用 Emmet,所以这是理想的。快捷键是:Shift + Control + T.
  • 对于 Windows 用户,撰写本文时的快捷键是 Control + Alt + J
  • 谢谢! Control + Alt + J 也适用于 Linux(在 Linux Mint 14、Sublime Text 3 下测试)
  • @AllanRuin Ruin 在 Windows 上对我来说,在 ST2 中激活 Emmet 时,它只能从开始标签跳转到结束标签,而不是反过来。
  • Emmet 插件很好用。您不必使用键盘快捷键,只需在 sublime 中打开 Palette(Shift + Command + P)并开始输入“匹配对”)
【解决方案2】:

Windows和Linux用户有一个快捷键(Ctrl+Shift+ACommand+Shift+A for Mac 用户)选择当前选定标签内的整个块。

例如,如果您在下面代码中的文本光标位于外部 div 标记内时按下此按钮,则将选择类为 selected 的所有 divs。

<div class='current_tag_block'>
  <div class='selected'></div>
  <div class='selected'></div>
  <div class='selected'></div>
  <div class='selected'></div>
</div>

正如@frazer-kirkman 在 cmets 中提到的,您还可以通过按 LeftRight 按钮将光标移动到所选块的开头或结尾根据光标的位置在键盘上

【讨论】:

  • 你改变了我的世界!
  • 谢谢!我在编辑乱七八糟的 html 时使用了这个技巧,它非常有帮助
  • 要同时选择父标签,只需再次使用快捷方式,它就会扩大选择范围!
  • 在我看来应该是正确的答案!简单直接,无需插件
  • 它并没有完全回答这个问题,但答案就变得微不足道了。要找到结束标记,您需要查看选择的结尾,或按右箭头键。
【解决方案3】:

它至少是从 Sublime Editor 2 内置的。只需按以下内容,它就会平衡 HTML-tag

快捷键(Mac):Shift + Command + A

快捷键(Windows):Control + Alt + A

【讨论】:

    【解决方案4】:

    在“Goto”菜单下,Control + M 是跳转到匹配括号。也适用于括号。

    【讨论】:

    • 适用于括号,适用于括号,但不适用于 html 标签。
    • -1。不回答关于 HTML 标签的问题。
    • 它只查找匹配的括号。如何将此功能设置为也查找{ } [] &lt;&gt;
    【解决方案5】:

    以上方法均不适用于 Windows 10 上的 Sublime Text 3, 使用 Emmet Sublime Text 3 插件的 Ctrl + Shift + ' 效果很好,是我唯一可行的解​​决方案。 Ctrl + Shift + T 重新打开最后一个关闭的项目,据我所知,从 ST3 的早期版本或 ST2 的后期版本开始,它就已经这样做了。

    【讨论】:

      【解决方案6】:

      如前所述,Control/Command + Shift + A 为您提供标签匹配的基本支持。再次按下它以将匹配扩展到父元素。按左/右箭头跳转到开始/结束标签。

      无论如何,匹配标签没有内置突出显示。 Emmet 是一个流行的插件,但为此目的它有点矫枉过正,如果您不想要类似 Emmet 的编辑,它可能会妨碍您。 Bracket Highlighter 似乎是这个用例的更好选择。

      【讨论】:

      • 好消息兄弟,
      【解决方案7】:

      我认为,您可能想尝试另一种启用折叠的方法。

      在 ST2 和 ST3 中,如果您在用户设置中启用折叠:

      {
          ...(previous item)
          "fold_buttons": true,
          ...(next item, thus the comma)
      }
      

      您可以在开始标记所在行的左侧看到三角形折叠按钮。单击它以展开/折叠。如果你想复制,折叠和复制,你得到所有的块。

      【讨论】:

      • 对我来说这个问题是我输入&lt;/ + TAB 如果它没有关闭正确的标签,我知道我有一个悬空在某处打开标签,我只是不知道打开标签在这个 6000 行 HTML 文件中的位置。
      • 尝试一些格式化插件?也许codelint或什么?一些在线的,也许
      猜你喜欢
      • 1970-01-01
      • 2016-04-02
      • 2023-03-16
      • 2013-03-11
      • 2014-11-15
      • 2014-08-07
      • 2014-11-19
      • 2012-03-15
      • 1970-01-01
      相关资源
      最近更新 更多