Smart Keys

In this area, define the actions to be invoked automatically when editing XML or HTML code.

• Insert closing tag on tag completion: select this checkbox to have PhpStorm automatically insert a closing XML or HTML tag upon entering the corresponding opening one.

• Insert required attributes on tag completion: select this checkbox to have PhpStorm display a template with all mandatory attributes of the typed tag.

• Insert required subtags on tag completion: select this checkbox to have PhpStorm display a template with all mandatory subtags.

• Start attribute on tag completion: select this checkbox to have PhpStorm display a template with the first mandatory attribute of the typed tag.

• Add quotes for attribute value on typing '=': select this checkbox to have PhpStorm automatically add quotes for the value of the attribute that you are currently typing.

• Auto-close tag on typing '</': select this checkbox to automatically add a closing tag after entering </. Clear this checkbox to turn off such auto-completion.

• Simultaneous <tag></tag> editing: When this checkbox is selected and you edit an opening tag the corresponding closing tag is automatically changed accordingly.

  If this checkbox is cleared, editing the opening tag does not affect the closing tag which remains unchanged. As a result, the opening and closing tags do not match and the entire construct is underlined as erroneous.

  The Simultaneous <tag></tag> editing checkbox controls the behaviour of PhpStorm in the following contexts:

  • HTML files

  • HTML injections within JavaScript code

  • HTML with Handlebars/Mustache templates

  • Handlebars/Mustache template files with the extension .hbs

  • XML, XHTML files

  • DTD files

  • JSX files

  • HTML injections in PHP files

In this area, define the selection of CSS identifiers/classes:

• Select whole CSS identifier on double-click: if this checkbox is selected, double-click a CSS identifier or class name selects the entire name up to the prefix:

  

  If this checkbox is not selected, double-click a CSS identifier or class name selects a portion of a name up to the nearest hyphens:

  

The settings in this area control automatic adding of commas, quotes, and whitespaces in JSON context in compliance with the JSON syntax.

By default, PhpStorm automatically inserts backslash escape symbols (\) when you paste text into a JavaScript string. Clear the checkbox to suppress automatic text escaping.

By default, when you copy a piece of HTML code with class attributes or on-event handlers and paste it into JSX, PhpStorm automatically replaces these attributes with React-specific ones (className, onClick, onChange, and so on.)

To copy HTML code to JSX "as is", clear the checkbox or use Paste Simple Ctrl+Alt+Shift+V.

You may want to turn this option off, if the DBMS you are working with supports multiline string literals:

Say, there is the following fragment for PostgreSQL text value notes:

and the cursor is in front of the word element.

If the option is on, and you press Enter, the fragment will change to:

Otherwise, the fragment will change to:

When you start a code block with an opening keyword (BEGIN, LOOP, BEGIN TRY, and others) and press Enter, the code block closes with the corresponding closing keywords (END, END LOOP, END TRY, and others).

The selected option defines how the name of an object is inserted in the editor when using the code completion suggestion box.

• Always: the qualified object names are always used, for example <schema_name>.<object_name>.

• On collisions: the qualified object name is used only if the short name is ambiguous, for example when there is the object with the same name in more than one schema.

• Never: the unqualified object names are always used.

When this checkbox is selected, you can use the “automatic” live template that provides completion lists for the parameters passed into functions, methods, or class constructors.

To invoke the magic live template, type the params keyword as the first parameter in the call of the function, method, or class:

PhpStorm displays a live template where the parameters are automatically completed with the variable names defined in the function declaration. To move to the next parameter, press Enter or Tab. To move to the previous parameter, press Shift+Tab.

The completion list contains variables from a local scope in the next order: with the same type, with a similar name, defined nearby. You can always switch to the usual completion mode by pressing Ctrl+Space or just typing anything which is not in the list. Variables with similar names are inserted automatically.

If selected, PhpStorm automatically inserts backslash escape symbols (\) when you paste text into a PHP string literal. For example, 'copied text' becomes \'copied text\'.

Clear the checkbox to suppress automatic symbols escaping.