Surrounding Blocks of Code with Language Constructs

On this page:

Applicable contexts
Surrounding blocks of code

Applicable contexts

The Surround with feature (Code | Surround with or Ctrl+Alt+T) lets you 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`
Folding Code Elements	Any fragment of code, where Surround With is applicable

Surrounding blocks of code

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.

Last modified: 26 March 2018

Procedures: