Surrounding Blocks of Code with Language Constructs

The Surround with feature allows you easily put expressions or statements within blocks or language constructs. This feature in WebStorm applies to:

Context	Surround with	Example
XML/HTML tags	Tag CDATA section <% ... %> Emmet
JavaScript statements	`(expr)` `!(expr)` `if` `if / else` `while` `do / while` `for` `try / catch` `try / finally` `try / catch / finally` `with` `function` `{ }` `function expression`
Custom folding region comments	Any fragment of code, where Surround With is applicable

To surround a block of code

Select the desired code fragment.
Do one of the following:
- On the main menu, choose Code | Surround With
- Press Ctrl+Alt+T.
A pop-up window displays the list of enclosing statements according to the context.
Select the desired surround statement from the list. To do that, use the mouse cursor, up and down arrow keys, or a shortcut key displayed next to each element of the list.

Procedures:

Last modified: 11 July 2016