Sublime Text 2包装标签中的选择

Question

在ST2中,突出显示某些文本并按alt+ shift+ w(在Windows上)将当前选择包装在<p></p>标签中.但是,有没有指定的方式,其与包装标签？因为也许我想换一个跨度,或者换一个div.

Answer 1

你不需要Emmet!至少没有在Sublime Text 3 for Mac中(我几个月没有使用过ST2).

使用或不使用Emmet插件时,将光标放在单词中的某个位置,突出显示单词via commandd,按controlshiftw(Menubar > Edit > Tag > Wrap Selection With Tag),然后在当前突出显示的默认生成p标签上键入所需的元素类型.

注意:在MS Windows中,包装的快捷方式是altshiftw.

Answer 2

使用Emmet,将光标放在要包装的标签中,然后按ctrl+ w(对于MacOS)或Alt+ Shift+ W(对于Windows),将弹出一个框以输入要包装的标签类型.

Answer 3

单线

如果你想转换它

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(用缩写包装)
• 键入nav> ul.nav> li.nav-item $*> a

Mac用户请注意:

ALT+ SHIFT+ W= CTRL+ SHIFT+W

CTRL+ SHIFT+ L= CMD+ SHIFT+L

Answer 4

例如,创建自定义代码段以插入范围标记.转到应用程序菜单: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的片段和密钥绑定.

Answer 5

答案都很好.以下是用于自定义的键绑定的位置:

在首选项中:键绑定 - 默认值:

{ 
  "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"}

在Preferences:Key Bindings中编辑它们- 用户喜欢,