79

在 ST2 中，突出显示某些文本并按alt+ shift+ w（在 Windows 上）会将当前选择包含在<p></p>标签中。但是有没有办法指定要包装的标签？因为也许我想换成一个跨度，或者一个 div。

4

7 回答 7

78

使用 Emmet，将光标放在要换行的标签上，然后按ctrl+ w（对于 MacOS）或Alt+ Shift+ W（对于 Windows），会弹出一个框来输入您要换行的标签类型。

于 2013-06-26T13:42:40.950 回答
24

单线

如果你想转换这个

Lorem ipsum dolor sit amet.

对此

<div>Lorem ipsum dolor sit amet.</div>

做这个：

  • 选择文本，或按CTRL+ L（它将选择当前行）
  • 按ALT+ SHIFT+W
  • 键入所需的标签（它将覆盖默认的 p 标签）

多行

如果你想转换这个

Item 1
Item 2
Item 3

对此

<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>

做这个：

  • 选择文本，或按CTRL+L多次
  • 按CTRL+ SHIFT+ L（它将每行选择一个）
  • 按ALT+ SHIFT+W
  • 键入所需的标签（它将覆盖默认的 p 标签）

您也可以使用SHIFT+选择文本MOUSE RIGHT BUTTON，在这种情况下您可以跳过第二步。

使用 Emmet

如果你想转换这个

Item 1
Item 2
Item 3

对此

<nav>
  <ul class="nav">
    <li class="nav-item1"><a href="">Item 1</a></li>
    <li class="nav-item2"><a href="">Item 2</a></li>
    <li class="nav-item3"><a href="">Item 3</a></li>
  </ul>
</nav>

做这个：

  • 选择文本
  • 按SHIFT+ CTRL+ G（用缩写换行）
  • 输入导航>ul.nav>li.nav-item$*>a

Mac 用户注意事项：

ALT+ SHIFT+ W= CTRL+ SHIFT+W

CTRL+ SHIFT+ L= CMD+ SHIFT+L

于 2014-12-15T21:57:14.263 回答
6

答案都很好。这是用于自定义键绑定的地方：

首选：键绑定 - 默认：

{ 
  "keys": ["ctrl+shift+w"], "command": "insert_snippet", 
  "args": { "name": "Packages/XML/long-tag.sublime-snippet" } 
}

如果你有 Emmet，emmet 版本是

{ "keys": ["super+shift+w"], "command": "wrap_as_you_type"}

在首选项中编辑它们：键绑定 -您喜欢的用户，

于 2016-01-27T18:35:56.053 回答
5

例如，创建自定义片段以插入跨度标记。转到应用程序菜单：Tools > New Snippet ...，然后将以下代码段复制到窗口中：

<snippet>
    <content><![CDATA[
<span style="color:#0000FF">$SELECTION$1</span>
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <tabTrigger>span</tabTrigger>
    <description>HTML - span - color - blue</description>
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <scope>source.html</scope>
</snippet>

...然后将片段保存到文件，例如html-span--color名称并将该片段绑定到中的组合键Preferences > Key Bindings-User，创建一个新的键条目，例如：

{ "keys": ["alt+shift+c"], "command": "insert_snippet", "args": { "name": "Packages/User/html-span--color.sublime-snippet" } }

假设片段的位置是Packages/User/目录。

现在选择您需要在 span 标签中换行的任何文本，然后按Alt+ Shift+c或输入“span”，按Tab，光标将设置到标签内所需的位置，只需输入您的文本。

我已经在 Ubuntu Linux 中成功测试了 Sublime Text 3 的代码片段和键绑定。

于 2014-05-14T06:49:48.033 回答
1

让您在 Sublime text3 中的生活更轻松：输入其中任何一个（p、h1、div、页眉、页脚、标题...）并点击Tab 例如如果您想要div只需输入 div 并点击Tab

于 2014-11-07T01:15:19.517 回答
1

在 ST2 中键入不带括号的标签并点击 Tab。它会自动给你打开和关闭标签

于 2015-05-19T22:44:50.093 回答
-5

与 Dreamweaver 中提供的机制相比，这种插入片段的系统非常繁琐。在这种情况下，您可以构建任何类型的片段。它存储在 RAM 库中，并以目录样式的结构显示。您声明该片段是 INSERT 类型（在光标位置）还是 SPAN 类型（跨越选定的文本）。在第一种情况下，插入整个片段。在第二种情况下，片段是使用“之前”部分和“之后”部分创建的。通常，“之后”部分只是结束标记。要使用 INSERT HERE 模式，您需要定位光标，然后双击库中的代码片段，它会将其插入到光标位置。要使用 SPAN SELECTED TEXT 模式，请突出显示所需的文本，然后双击库中的片段。所选文本被“之前”包围 和片段的“之后”部分。这是非常直观、易于使用的，并且使用户能够构建可以跨越选定文本的无限种片段。一些非常聪明的程序员会为 SUBLIME 3 构建这样的扩展吗？注意：相比之下，Bracket Highlighter 是一个带有包装功能的 Sublime 插件，似乎具有这样的功能，但仔细观察，如果你想即时构建一个高效的片段库，使用起来太麻烦了。谢谢，彼得罗斯蒂 Bracket Highlighter 是一个带有包装功能的 Sublime 插件，它似乎具有这样的功能，但仔细观察，如果你想即时构建一个高效的片段库，使用起来太麻烦了。谢谢，彼得罗斯蒂 Bracket Highlighter 是一个带有包装功能的 Sublime 插件，它似乎具有这样的功能，但仔细观察，如果你想即时构建一个高效的片段库，使用起来太麻烦了。谢谢，彼得罗斯蒂

于 2015-05-17T14:32:57.513 回答