开发者

VIM deleting/modifying HTML attributes

I'm new to editing html with VIM. I'm using matchit, ultisnips 开发者_开发知识库and surround to help me along the way.

One area which I can't seem to accomplish easily is editing attributes.

I want to go from: (cursor is |)

<input type="submit|" name="some_name" value="" id="some_name">

to:

<input type="submit" id="submit_button">

What is the fastest way to do this? Right now, I'm doing a lot of 'f' based searches.


Possible solutions

wd2W

This method requires counting so maybe you would rather do wdW and just hit . until it is correct.

wd/ id<cr>

Moves to the next word so the start of name=".." the delete with d til / id. This solution can also delete across lines. You can use /... with other operators as well, e.g. c, y, and =.

Of course you can do the method you are using currently with f and just repeat with .


I usually just use dW, which deletes the name, equals character and the value in parenthesis (including the parenthesis).

In some cases if I want to delete the rest of attributes to the end of the HTML tag I'm using dt/ (delete everything until you find / which is the end of input tag <input ... />)


I was also looking for a solution for this, and using w and W wasn't working great for me when dealing with AngularJS where you can have attributes like this:

<input ng-show="product.inUse" ng-model="product.customerPrice" />

What I've started doing is moving my cursor to the whitespace before the attribute, for example here:

<input| ng-show="product.inUse" ng-model="product.customerPrice" />

Then press d2f" (y instead of d for copying), which gives me:

<input| ng-model="product.customerPrice" />

It will look for a " character two times and delete everything including the last one.


For your example, I would use: wdw.....wwci"submit_button

  • w to move at the end of the current w
  • dw to erase a "word"
  • then . to repeat the last command and erase as many word as you want.
  • ww to move quickly between the "
  • ci" to change content inside "
  • submit_button
  • ESC

See :help text-objects for more explanation on ciw. (please not there is a tag text object so you can things like cit to change content of a tag quickly.

You could probably use something like wd4w but you have to be sure beforehand that you want to erase 4 words.

Have you heard about Zencoding.vim ?

This is plugin designed to quickly write html or css.

I am not sure there are features to edit, but to write new codes it beats everything.


I would use ci> and retype the form. Lot of times my snippets have tons of attributes I don't need like <form action=""> so ci> blows it up and lets me start from scratch when I need to. I find it faster.


<input type="submit" name="some_name" value="" id="some_name">

You can also use dt>, it will delete until the character >

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜