I want to be able to quickly wrap entire sections of my HTML with other tags. I run into this a lot when I realize I need an outer div around my other divs, like so:

Original HTML:

<div id='a'>
   <img src='a.png'>
</div>
<div id='b'>
   <img src='b.png'>
</div>

Modified HTML:

<div id='Main'>
   <div id='a'>
      <img src='a.png'>
   </div>
   <div id='b'>
      <img src='b.png'>
   </div>
</div>

I could use matchit.vim and surround.vim but I don't believe surround.vim surrounds with words (ie. <div>), just single characters (ie. <) and it also does not indent.

The closest thing I can think of right now takes 15-20 button presses.

html vim plugins
Edit
Report