IntelliJ IDEA 2016.3 Help

Using Language Injections

You can inject a language (such as SQL, RegExp, XML, HTML, CSS, etc.) into a string literal in your code and, as a result, get comprehensive coding assistance when editing that literal.

Prerequisite

For language injection features to be available, the IntelliLang plugin must be enabled. (This plugin is bundled with the IDE and enabled by default.)

Example: Injecting HTML. Opening a fragment editor

To get an impression of how language injections work:

  1. Create a Java class and open that class in the editor.
  2. Within the class body, type:
    String s = "";
  3. Place the cursor between the quotation marks.
  4. Click /help/img/idea/2016.3/intentionBulb.png or press Alt+Enter, select Inject language or reference, and then select HTML (HTML files).
    /help/img/idea/2016.3/java_inject_html.png
  5. Type:
    <body><h1>Hello, World!</h1></body>
    /help/img/idea/2016.3/java_injected_html_added.png

    When typing, note that auto-completion for HTML tags is now available. Also note how the HTML code is highlighted.

  6. Let's now open a fragment editor for the injected HTML code: press Alt+Enter and select Edit HTML Fragment.
    /help/img/idea/2016.3/java_injected_html_edit.png

    Here is the result:

    /help/img/idea/2016.3/java_injected_html_editor.png

    You can use the fragment editor as an alternative (or in addition) to editing injected string literals in the "main editor".

  7. To complete the example, let's cancel the injection: switch to the main editor, press Alt+Enter and select Un-inject Language/Reference.

    Note that the text between the quotation marks has become green which is the default color for string values. This indicates that the value in the quotation marks is now treated simply as text.

    /help/img/idea/2016.3/java_html_uninjected.png

    Don't close the editor yet. Later in this topic, we'll use our Java class for showing other language injection features.

Accessing language injection functions

Most of the functions related to language injections are accessed through intention actions (/help/img/idea/2016.3/intentionBulb.png or Alt+Enter).

Ways to inject a language

You can inject a language by using:

Using language injection comments

To inject a language by means of an injection comment, on a separate line preceding the one that contains the target string literal, add:

// language=<language_ID>

e.g.

// language=HTML

NOTE: The syntax of comments should be appropriate for the language that you are using. So you may want to use # language=... or -- language=... rather than // language=....

Example

  1. On the line preceding String s = "...";, type // language=HTML.
  2. Check the light bulb menu (Alt+Enter).
    /help/img/idea/2016.3/java_injection_comment_html.png

    As you can see, HTML has been injected into the string literal.

  3. Remove the commented line (e.g. Ctrl+Y) to come back to the previous state.

Language IDs

The language IDs, generally, are intuitive, e.g. MySQL, RegExp, XML, HTML. If not sure about the language ID, use the suggestion list for the Inject language or reference command. What precedes the opening parentheses there is the language IDs.

See also, Using language injection prefixes and suffixes.

Using the @Language annotation

In Java code, you can use the @Language("language_ID") annotation.

To be able to use this annotation: 1) the annotations.jar (or annotations-java8.jar) file should be included in your module dependencies and 2) the import org.intellij.lang.annotations.Language; statement should be added to your class file. For both these tasks, IntelliJ IDEA provides the intention actions as shown in the Example that follows.

In other respects, the @Language annotation works similarly to the injection comments.

Example

  1. On the line preceding String s = "...";, type @Language("HTML").

    If you haven't used this annotation in your project yet:

  2. To add annotations.jar to the module dependencies: place the cursor within Language, press Alt+Enter and select Add 'annotations' to classpath.
    /help/img/idea/2016.3/java_inject_html_annotation_to_classpath.png

    In the dialog that opens, just click OK.

    /help/img/idea/2016.3/java_inject_annotations_lib.png
  3. If IntelliJ IDEA suggests adding the import statement, just press Alt+Enter. Otherwise, press Alt+Enter and select Import class.
    /help/img/idea/2016.3/java_inject_html_annotation_import_class.png

    In both cases, the result will look something like this:

    /help/img/idea/2016.3/java_inject_annotation_html_injected.png
  4. Place the cursor within the string literal and check the light bulb menu (Alt+Enter) to see that HTML has been injected.
    /help/img/idea/2016.3/java_inject_annotation_html_edit.png
  5. Remove the @Language("HTML") line to return to the previous state (Ctrl+Y).

Accessing injection settings

To access the language injection settings:

  1. Open the Settings / Preferences dialog (e.g. Ctrl+Alt+S).
  2. Go to the Language Injections page: Editor | Language Injections.

For more info, see Language Injections page.

Using language injection prefixes and suffixes

Injecting a language may be accompanied with adding a prefix and a suffix. The prefix is added before the injected fragment, and the suffix - after the fragment.

Adding the prefix and the suffix is "imaginary". It doesn't change the actual string value. The prefix and the suffix act as a "wrapper" and their main purpose is to turn the injected fragment into a syntactically complete language unit. In this way, you give IntelliJ IDEA a broader context for validating the injected code fragment.

When editing your code, you can see the prefix and the suffix only in the fragment editor; the prefix and the suffix are not shown in the main editor.

The prefix and the suffix can be included in the injection comment whose complete form is

// language=<language_ID> prefix=<prefix> suffix=<suffix>

where the prefix and the suffix are optional.

Example

In this example, we'll remove the opening and closing <body> tags from the injected code fragment and add these tags to the injection comment as the prefix and suffix.

  1. Remove the opening and closing <body> tags: e.g. place the cursor within the injected fragment, press Ctrl+Shift+Delete and select Remove Enclosing Tag body.
  2. On the line preceding String s = "...";, type // language=HTML prefix=<body> suffix=</body>
  3. For the injected fragment, open the fragment editor.
    /help/img/idea/2016.3/java_inject_html_prefix_and_suffix.png

    Compare the fragments shown in the main and in the fragment editors.

See Also

Last modified: 21 March 2017