WebStorm 2024.3 Help

Injected SQL statements

Temporarily inject a language

  1. Place the caret inside a string literal, tag, or attribute, in which you want to inject a language and press Alt+Enter (or use the intention action icon Intention action icon).

  2. Select Inject language or reference and choose the language you want to inject.

Temporarily inject a language

Open a code fragment in the dedicated editor section

  1. Place the caret within the injected code piece and press Alt+Enter (or use the intention action icon Intention action icon).

  2. Select Edit <language ID> Fragment.

    WebStorm will open a dedicated editor section for editing the code with the injected language. This editor provides full coding assistance, including code completion, inspections, intentions and code style actions.

    Open a code fragment in the dedicated editor section

Cancel injections

  1. Place the caret at the code fragment and press Alt+Enter (or use the intention action icon the Intention action button).

  2. Select Uninject language or reference.

Configure injection rules

You can configure language injection rules on the Editor | Language Injections page of settings  Ctrl+Alt+S.

All pre-defined injection rules are configured for the Built-in scope. In other words, they are global (and therefore available in all WebStorm projects). Custom rules can be configured for the IDE or for one project only. To change the scope of custom injections, use the Move to Project/IDE Scope icon the Move to Project/IDE Scope icon.

To configure custom injection rules, click the Add icon the Add icon to add a new rule, or copy a predefined rule and change its settings.

Language injections settings
    Last modified: 28 June 2024