Smart Keys

XML/HTML

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 CLion 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 CLion display a template with all mandatory attributes of the typed tag.

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

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

• Add quotes for attribute value on typing '=' and attribute completion: select this checkbox to have CLion 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 CLion 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

CSS

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

• Select whole CSS identifier on double-click: if this checkbox is selected, double-clicking a CSS identifier or class name selects the entire name up to the prefix. For example, double-clicking gray within <div class="text-gray-600"> select the whole class name text-gray -600:

  

  If this checkbox is cleared, double-clicking a CSS identifier or class name selects a portion of the name up to of within the nearest hyphens:

  

JSON

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

Start template string interpolation on typing '$'

Select this checkbox to insert expressions with normal strings after the $ sign. See Expression interpolation for details.

Escape text on paste in string literals

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

Convert attributes when pasting HTML to JSX files

By default, when you copy a piece of HTML code with class attributes or on-event handlers and paste it into JSX, CLion 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.

Insert parentheses on completion

By default, this option is turned on and CLion automatically inserts a pair of opening and closing parentheses when you complete a function/method.

Gif

Clear the checkbox to suppress inserting parentheses automatically.

note

If you use an opening parentheses ( instead of Enter) to apply the selected item from a completion list, parentheses will be inserted automatically no matter whether the option is turned on or off.

Gif

Insert string concatenation on Enter

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:

SET notes = 'Lightest element'

and the cursor is in front of the word element.

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

SET notes = 'Lightest ' ||
            'element'

Otherwise, the fragment will change to:

SET notes = 'Lightest
element'

Close code blocks on Enter

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

Gif

Qualify object on code completion

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.

Auto expand key sequences upon paste

With this option selected, CLion properly formats key sequences when you paste them from the clipboard. For example, the key2.another_key sequence pasted from the clipboard will be displayed with the correct hierarchy.

Otherwise, if the option is cleared, key sequences are pasted from the clipboard "as is", hierarchy is not preserved, and consequently proper highlighting is not provided.

Smart indent pasted lines

With this option selected (by default), CLion respects the PEP8 indent when you insert a code fragment.

Insert backslash when pressing Enter inside the statement

With this option selected (by default), CLion adds \ to keep integrity of the statement when you press Enter and split it.

Insert 'self' when defining a method

With this option selected (by default), CLion adds self to the method declaration.

Insert type placeholders in the documentation comment stub.

With this option selected, CLion creates a placeholder to enter the type in the documentation comments. The placeholder is added for all docstring formats but Plain.