崇高的文本2包装select标签

在ST2中,突出显示一些文本,然后按alt + shift + w (在Windows上)将会将当前select内容封装在<p></p>标记中。 但有没有办法指定哪个标签包装? 因为也许我想换一个跨度,或换一个div。

你不需要埃米特! 至less不是在Mac版的Sublime Text 3中(我没有使用ST2几个月)。

使用或不使用Emmet插件,将光标放在单词的某个位置,通过命令 d突出显示该单词,按住shift shift键( Menubar > Edit > Tag > Wrap Selection With Tag ),然后在当前高亮显示的,默认生成的p标签

注意:在MS Windows中,换行的快捷键是alt shift w

在这里输入图像说明

在这里输入图像说明

在这里输入图像说明

使用Emmet,把光标放在你想要打包的标签上,然后按ctrl + w (对于MacOS)或者Alt + Shift + W (对于Windows),会popup一个对话框,input要打包的标签types。

单线

如果你想转换这个

 Lorem ipsum dolor sit amet. 

对此

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

做这个:

  • select文本,或按CTRL + L (它将select当前行)
  • ALT + SHIFT + W
  • input所需的标签(它会覆盖默认的p标签)

多行

如果你想转换这个

 Item 1 Item 2 Item 3 

对此

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

做这个:

  • select文本,或多次按CTRL + L
  • 按下CTRL + SHIFT + L (每行会做一个select)
  • ALT + SHIFT + W
  • input所需的标签(它会覆盖默认的p标签)

您也可以使用SHIFT + 鼠标右键select文本,在这种情况下,您可以跳过第二步。

使用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> 

做这个:

  • select文字
  • SHIFT + CTRL + G ( 换行缩写 )
  • inputnav> ul.nav> li.nav-item $ *> a

注意Mac用户:

ALT + SHIFT + W = CTRL + SHIFT + W

CTRL + SHIFT + L = CMD + SHIFT + L

创build一个自定义片段,例如,插入一个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的键组合,创build一个新的键入项,例如:

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

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

现在select需要在span标签中包装的任何文本,然后按Alt + Shift + c或键入span,按Tab键 ,光标将被设置为标签内的所需位置,只需键入您的文本。

我已经成功testing了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"} 

编辑他们在首选项:键绑定 – 用户喜欢,

让你的生活变得容易,而你是在崇高的文本3:input任何这些( p,h1,div,页眉,页脚,标题 …),然后按Tab例如,如果你想div只需键入div并按Tab

在ST2中input一个没有方括号的标签并点击Tab。 它会自动给你打开和closures标签

与Dreamweaver中提供的机制相比,此插入片段的系统非常麻烦。 在这种情况下,你会创build一个任何types的片段。 它存储在一个in-RAM库中,并以目录风格的结构显示。 您声明片段的types是INSERT(在光标位置)还是typesSPAN(跨度选定的文本)。 在第一种情况下,插入整个片段。 在第二种情况下,片段是用“之前”部分和“之后”部分创build的。 通常,“后”部分就是结束标签。 要使用INSERT HERE模式,请定位光标,然后双击库中的片段,并将其插入到光标位置。 要使用SPAN SELECTED TEXT模式,请突出显示所需文本,然后双击库中的片段。 所选文本被片段的“之前”和“之后”部分包围。 这是非常直观,易于使用,并使用户能够构build无限种类的片段,可以跨越选定的文本。 一些非常聪明的程序员,请为SUBLIME 3build立一个扩展? 注意:相比较而言,Bracket Highlighter是一个带有包装function的Sublime插件,它似乎具有这样的function,但仔细观察,如果要快速构build高效的代码库,使用起来太麻烦了。 谢谢,彼得·罗斯蒂