html - 填充 html 属性之间的空格以简化 block 模式下的编辑

Question

我想定期填充 html 属性之间的空间，以简化 block 模式下的编辑。

例子:

<p><input type="a" name="a" value="foo a"></p>
<p><input type="ab" name="ab" value="ab bar"></p>
<p><input type="abc" name="abc" value="baz abc"></p>

在可视 block 模式下选择三个输入并施展魔法。

输出:

<p><input type="a"   name="a"   value="foo a"  ></p>
<p><input type="ab"  name="ab"  value="ab bar" ></p>
<p><input type="abc" name="abc" value="baz abc"></p>

(最好不要填写值之间的空格。)

我该怎么做？

编辑:返回(编辑后)也很好。

Answer 1

您可以使用 Align plugin 来做到这一点:

:AlignCtrl mIp1P0=l
:Align \i\+=

或者用它构建一个映射:

map <unique> <SID>WS    <Plug>AlignMapsWrapperStart
nmap <unique> <SID>WE   <Plug>AlignMapsWrapperEnd
map <silent> <script> <Leader>aa <SID>WS:AlignCtrl mIp1P0=l<CR><CR>:'a,'zAlign \i\+\s*=<CR><SID>WE

还有一种称为 Tabularize 的对齐替代方法。