WebStorm 2017.1 Help

Surrounding Blocks of Code with Language Constructs

On this page:

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:

ContextSurround withExample
XML/HTML tags
  • Tag
  • CDATA section
  • <% ... %>
  • Emmet
wrapTags.png
JavaScript statements
  • (expr)
  • !(expr)
  • if
  • if / else
  • while
  • do / while
  • for
  • try / catch
  • try / finally
  • try / catch / finally
  • with
  • function
  • { }
  • function expression
surround_with_java_script.png
Code Folding Any fragment of code, where Surround With is applicable
/help/img/idea/2017.1/customFolding1.png

Surrounding blocks of code

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: 17 July 2017