在编写HTML标记时如何更改选项卡行为?

时间:2013-11-14 15:15:44

标签: sublimetext2

我有Sublime Text 2.当我开始输入<d时,下拉菜单建议自动完成。按Enter键将完成标记,甚至添加结束标记</div>并将光标放在标记之间。完善。如果我再次按Enter键,我会得到这个设置:

<div>

|</div>

但是现在当我向上移动一行到中间的空白行并点击标签时,光标会跳到</div>的末尾,而不是在标签之间的行上缩进。

我可以做的是当我有<div>|</div>时输入一次,然后按左键返回到<div>的末尾再次输入以转到新的自动缩进行。

如何在<div>|</div>情况下点击输入时,此自动缩进行为是否有效?

1 个答案:

答案 0 :(得分:1)

您遇到的问题是,当按标签时,您正在移动到代码段中的下一个标签停止位置。这是预期的行为。

Snippets是帮助您更快地编写代码的工具。这些片段可以有多个称为制表位的光标位置。您可以通过点击 tab 在这些位置之间移动。因此,当您按输入创建这些行,然后 tab 时,您将移动该特定代码段中的下一个制表位。

Sublime Text允许深度自定义。您可以更改auto indent settings,也可以创建自己的代码段。

这段代码应该是您所追求的。将此div.sublime-snippet保存到您的用户文件夹中(在从首选项&gt;浏览包中访问的包文件夹中)。

<snippet>
    <content><![CDATA[
<div>
    $1
</div>$0
]]></content>
    <tabTrigger>div</tabTrigger>
    <scope>source.html</scope>
    <description>My own div snippet</description>
</snippet>

执行此操作后,您将在该下拉菜单自动完成菜单中有一个新选项。通常你只需要写div然后按 tab 并瞧。