surround tag in visual mode

[timsofteng]

Hello. How to surround tag in visual mode like in vim-surround?

[kylechui]

You can use S or gS to add HTML-style tags in visual mode. The former adds tags exactly around the selected region, while the latter adds the tags on new lines. Additionally, the angle bracket boilerplate is handled automatically.

[brneor]

Not OP but I wanted the same thing. Tried your suggestion but I don't think I'm getting exactly what I want here... I'll try my best to explain:

What I want is

Old text                                Command         New text
<div>This is my |selection|</div>       ????            <div>This is my <span>selection</span></div>

What I can currently do:

Old text                    Command         New text
|div id="test"|</div>       S>              <div id="test"></div>
or
div cont*ents               ysstdiv         <div>div contents</div>

[kylechui]

Have you tried visually selecting the text, then typing Stspan?

[brneor]

Thanks, that did the trick :)