WebStorm 2016.1 Help

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:

ContextSurround withExample
  • 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 commentsAny fragment of code, where Surround With is applicable

To surround a block of code

  1. Select the desired code fragment.
  2. 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.

  3. 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.

See Also

Last modified: 11 July 2016