Translating

Translate with In-Context Editor (Strings)

Available for

  • Advanced plan

  • Enterprise plan

Get in touch with Sales for licensing questions.

Context View

Context view is an add-on for the In-Context editor. It is automatically available within the In-Context editor (ICE) if subscribed to the correct plan.

Context view collects information about which keys are rendered on which URLs in a web application and stores this information. Links to the website are generated from displayed keys and provided in the translation editor, so that translators are always aware of context.

Set up Context view

To set up Context view, follow these steps:

  1. Prepare a staging environment that uses the In-context editor.

  2. Add the URL for the staging environment to the In-context editor URL field in the In-context editor tab in the Project settings window.

  3. If the application or website uses anchor or location hash-based routing, select Enable support for routing via anchor.

  4. Click Save.

    The URL is added to the project settings.

  5. Browse the website with the installed In-context editor.

When working in the translation editor, translators can click Open In-Context Editor in the key details to locate the keys on the website and translate using the In-Context editor.

By default, ICE is displayed next to the relevant website in vertical layout. Select the arrow button at the top right of the website to hide toggle_ICE_off.jpeg or show toggle_ICE_on.jpeg ICE as required.

Note

For projects with a large number of keys, the In-Context editor will load 100 keys per page.

Editing Key Translations

Translators can interact with keys found on the website through the following buttons:

  • Pencil icon pencil_ice.png

    Displayed next to keys already existing in the project.

    Click to select the desired key from the dropdown list and edit the translation in the In-Context editor.

  • Plus icon plus_ice.png

    Displayed next to keys that do not exist in the project.

    Click to select the desired key from the dropdown list and add it to the project.

To display the key list in ICE, click on the search icon search.jpg:

  • By default, the key list is filtered to show only the keys available for in-context editing on the current website page.

  • If required, select the blue icon only_ICE_keys.png at the top of the key list to display all the keys in the current project.

  • The total count of available keys is shown at the top of the key list:

    • Number of keys integrated with ICE and added to the current project.

    • Number of missing keys that are not yet integrated with ICE in the current project.

Selecting a key from the key list automatically scrolls to the key location on the website, if visible.

Once selected, keys can be translated or edited through existing functionalities provided in Strings translation editor:

  • Viewing options:

    • Vertical and horizontal view

    • Single key view

    • Single language or Multilingual view

      Based on the target language currently selected in the ICE key card, the key translation is automatically displayed and updated on the website page.

      Note

      Selecting empty translations in the ICE key card displays the relevant key name on the website page.

    • Dark mode

    • Reorder sidebar

  • Key list and search options:

    • Multilingual search

    • Search by job context

    • Batch actions

  • Contextual sidebar:

    • Suggestions

    • Comments

    • Changes

    • Jobs

Old In-Context Editor

Context view is an add-on for the In-Context editor. It provides links back to your app, so translators are always aware of context. It is automatically available within the In-Context editor if subscribed to the correct plan.

Context view collects information about which keys are rendered on which URLs in a web application and stores this information. Links to the website are generated from displayed keys. Translators can click a link next to a key to go directly to its location on the site and use the In-Context editor to edit the translation on the page.

Set up Context view

To set up Context view, follow these steps:

  1. Prepare a staging environment that uses the In-context editor.

  2. Add the URL for the staging environment to the In-context editor URL field in the In-context editor tab in the Project settings window.

  3. If the application or website uses anchor or location hash-based routing, select Enable support for routing via anchor.

  4. Click Save.

    The URL is added to the project settings.

  5. Browse the website with the installed In-context editor.

Was this article helpful?

Sorry about that! In what way was it not helpful?

The article didn’t address my problem.
I couldn’t understand the article.
The feature doesn’t do what I need.
Other reason.

Note that feedback is provided anonymously so we aren't able to reply to questions.
If you'd like to ask a question, submit a request to our Support team.
Thank you for your feedback.