PhpStorm 2023.3 Help

Wrapping a tag. Example of applying surround live templates

As an example of applying a surround template, let's wrap a piece of XML code with tags.

To surround a code fragment

  1. Open the desired file for editing.

  2. Select a code fragment.

    surroundXML1.png
  3. Press invocation shortcut Ctrl+Alt+J. PhpStorm suggests the following surround templates:

    surroundXML2.png
  4. Select the tag template from the suggestion list. The code fragment is surrounded with empty tags:

    surroundXML3.png
  5. The caret rests within the opening one. On typing the tag name in the opening tag, the name is automatically reproduced in the closing tag:

    surroundXML4.png
Last modified: 20 February 2024