vim - VIM 的 Ultisnips 插件如何处理 HTML 片段内的删除？如何将div中的id更改为class？

Question

我是 Ultisnips 的新手。在插入模式下，我输入 div [tab] 然后我得到:

<div id="name">

</div>

将光标放在名称上。如果我不想使用 class 而不是 id 我按退格键并得到这个

<div>

</div>

将光标放在第一个 v 上。现在，如果我想开始输入“class”，我会得到这个

<diclassv>

</div>

如果我删除类(class)并点击 [esc] l i 'class' 我最终会得到这个

<div id=" "class>

</div>

这是怎么回事？我做错了什么？

我要

<div class="foo">

</div>

Answer 1

我也没有找到一种方法来做你正在寻找的事情，至少在 标准片段定义。

我已经创建了一个改进的代码片段，您可以通过放置来开始使用 ~/.vim/UltiSnips/html.snippets 中的以下内容(我的该文件版本可从 GitHub ):

clearsnippets div
snippet div "XHTML <div>"
<div`!p snip.rv=' id="' if t[1] else ""`${1:name}`!p snip.rv = '"' if t[1] else ""``!p snip.rv=' class="' if t[2] else ""`${2:name}`!p snip.rv = '"' if t[2] else ""`>
   $0
</div>
endsnippet

默认情况下，这将提供 id 和 class 属性，从而消除 删除该值的一个或多个。

official version GitHub 上的 UltiSnips 现在包含此版本的代码片段。