升华文本2在标签中包装选择

在 ST2中，突出显示一些文本并按下 alt + shift + w(在 Windows 上)将在 <p></p>标记中包装当前选定内容。但是有没有指定用来换行的 哪个标记的方法呢？因为也许我想用 span 包装，或者用 div 代替。

63498 次浏览
小开
最佳答案

使用 Emmet，将光标放在要包装的标记中，然后按下 ctrl + w(MacOS)或 Alt + Shift + W(Windows) ，会弹出一个框来输入要包装的标记类型。

小开

例如，创建一个自定义代码片段来插入 span 标记。转到应用程序菜单: 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绑定的代码片段和密钥。

小开

让你的生活更轻松，而你在崇高的文本3: 输入任何一种(< em > p，h1，div，header，footer，title ...) ，然后按 < em > Tab 例如，如果你想要 [俄语]，只要输入 div，然后点击 < strong > < em > Tab

小开

单行

如果你想转换这个

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选择文本，在这种情况下，您可以跳过第二步。

利用埃米特

如果你想转换这个

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

小开

与 Dreamweaver 中提供的机制相比，这种插入代码片段的系统非常麻烦。在这种情况下，您可以构建任何类型的代码片段。它存储在内部 RAM 库中，并以目录样式的结构显示。声明代码段的类型是 INSERT (光标位置)还是 SPAN (SPAN 选定的文本)。在第一种情况下，将插入整个代码段。在第二种情况下，代码片段创建时包含一个“ before”部分和一个“ after”部分。通常“ after”部分只是结束标记。要使用 INSERT HERE 模式，您可以定位光标，然后双击库中的代码段，它会将其插入到光标位置。若要使用 SPAN SELECTED TEXT 模式，请突出显示所需的文本，然后双击库中的代码段。所选文本被代码段的“ before”和“ after”部分包围。 这是非常直观，易于使用，并使用户能够建立无限种代码片段，可以跨越选定的文本。 有没有聪明的程序员，能为3号分类器做一个这样的扩展？ 注意: 相比之下，Bracket Highlight 是一个带有包装功能的 Sublime 插件，看起来似乎有这样的功能，但是仔细检查一下，如果你想在运行中构建一个高效的代码片段库，那么使用它实在是太麻烦了。 谢谢, 彼得 · 罗斯蒂

小开

在 ST2中输入一个没有括号的标签，然后按 Tab 键。它会自动给你打开和关闭的标签

小开

答案都很好。下面是定制键绑定的地方:

在 首选项: 密钥绑定-默认值:

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

编辑他们在 首选项: 键绑定-用户你的喜好,


提交答案