WebStorm 2018.2 Help

Surround Code Fragments with Language-Specific Constructs

WebStorm provides standard templates for surrounding code fragments with various constructs based on the language of the source code. This includes if...else conditional statements, do...while and for loops, combintations of try...catch...finally, folding regions, XML tags, and so on.

To surround a block of code:

  1. Select the desired code fragment.
  2. On the Code menu, click Surround With (Ctrl+Alt+T).
  3. Select the necessary surround statement from the list.

This feature applies to the following languages (contexts):

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
Fold code elements Any fragment of code, where Surround With is applicable
customFolding1
Last modified: 13 June 2018