在ST2中,突出显示一些文本并按下alt + shift + w(在Windows上)将在<p></p>
标记中包装当前选择。但有没有办法指定要包装的标签?因为也许我想换一个跨度,或者换一个div。
你不需要Emmet,至少不需要Sublime Text 3 for Mac。
无论有没有Emmet插件,将光标放在单词的某处,通过命令高亮显示单词,按controlshiftw(Menubar > Edit > Tag > Wrap Selection With Tag
),然后在当前突出显示的默认生成的p
标签上键入所需的元素类型。
注意:在MS Windows中,换行的快捷方式是altshiftw。
使用Emmet,将光标放在要包装的标签中,然后按ctrl + w(对于MacOS)或Alt + Shift + W(对于Windows),将弹出一个框以输入要包装的标签类型。
单线
如果你想转换它
Lorem ipsum dolor sit amet.
对此
<div>Lorem ipsum dolor sit amet.</div>
做这个:
多行
如果你想转换它
Item 1
Item 2
Item 3
对此
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
做这个:
您也可以使用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>
做这个:
Mac用户请注意:
ALT + SHIFT + W = CTRL + SHIFT + W.
CTRL + SHIFT + L = CMD + SHIFT + L.
例如,创建自定义代码段以插入范围标记。转到应用程序菜单: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的片段和密钥绑定。
答案都很好。以下是用于自定义的键绑定的位置:
在首选项中:键绑定 - 默认值:
{
"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中编辑它们 - 用户喜欢,
在Sublime文本3中让你的生活轻松:输入任何这些(p,h1,div,页眉,页脚,标题......)并点击Tab例如你想要div只需输入div并点击Tab
在ST2中键入一个没有括号的标签并点击Tab。它会自动为您提供打开和关闭标签
与Dreamweaver中提供的机制相比,这种插入片段的系统非常麻烦。在这种情况下,您可以构建任何类型的代码段。它存储在RAM内库中,并以目录样式结构显示。您声明代码段是INSERT类型(在光标位置)还是SPAN类型(跨选定文本)。在第一种情况下,插入整个片段。在第二种情况下,使用“之前”部分和“之后”部分创建片段。通常,“after”部分只是结束标记。要使用INSERT HERE模式,请定位光标,然后双击库中的片段并将其插入光标位置。要使用SPAN SELECTED TEXT模式,请突出显示所需的文本,然后双击库中的代码段。所选文本被片段的“之前”和“之后”部分包围。这非常直观,易于使用,并且使用户能够构建可以跨越所选文本的无限种类的片段。一些非常聪明的程序员请为SUBLIME 3建立一个类似的扩展吗?注意:相比之下,Bracket Highlighter是一个带有包装功能的Sublime插件,似乎具有这样的功能,但仔细检查,如果你想在运行中构建一个高效的代码片段,使用它太麻烦了。谢谢,彼得罗斯蒂