WebStorm 2016.3 Help

Language Injection Settings dialog: Generic JavaScript

File | Settings | Editor | Language Injection - Generic JavaScript for Windows and Linux
WebStorm | Preferences | Editor | Language Injection - Generic JavaScript for OS X
Ctrl+Alt+S

/help/img/idea/2016.3/settings.png

The dialog box opens when you click add.png  and choose Generic JS on the context menu, or select an entry and click /help/img/idea/2016.3/editFlexLibraryNew.png.

WebStorm comes with a set of predefined injection configurations which is quite sufficient to ensure high productivity and comfortable environment. Therefore it is strongly recommended that you use the predefined injection configurations and avoid creating new ones.

ItemDescription
Name The name of the injection.
Language The language to be injected.
  • ID. The language ID or name.
  • Prefix. A sequence of characters to be added before the corresponding string value.
  • Suffix. A sequence of characters to be added after the corresponding string value.

The prefix and suffix are optional. For more info, see Using language injection prefixes and suffixes.

Places Pattern In this text box, type the rules that define the context where you want WebStorm recognize literals as injections.
Advanced In this area, specify additional settings to narrow the context where the injection is applicable and thus the enable more fine-grained control over the injection process.
  • Value pattern - in this text box, type a regular expression that determines the context to inject the language into. By using the first capturing group of the pattern as the target for injection, you can configure the procedure to have the language injected only into values that match a certain pattern or into multiple parts that match the pattern. For example, ^javascript:(.*) matches the javascript protocol that can be used in hyperlink-hrefs to execute JavaScript code.
  • Single file - select this check box to specify an exact file to apply the injection to. Type the name of the file in the Value pattern.

See Also

Last modified: 22 March 2017