Settings

Last updated: September 09, 2024Author: Jakub Pomykała

Configure and customize the translation editor to fit your needs. Use the settings to adjust the view, input size, text wrapping, and more. Work on your translations with ease and comfort.

Table of contents

Translation editor settings

All translation editor settings you can find on the right side of the editor in the Translations tab. Click on Settings to expand all view options. Below, you can see each view description and below all options available in the editor.

Translation editor settings

List View – Side-by-side

Side-by-side view is an advanced version of list view. It splits the view into two columns, so you can see two languages at once.

Translation editor side-by-side view

With Show key details panel option enabled enabled in the editor settings, you can see a configurable key details panel under the translation input. You can decide which information to show there, like key details, key or code descriptions, or screenshot.

Translation editor side-by-side view with key details panel

List View – All translations

This view shows a simple list of all translation keys with their properties and translations in all languages. If you need to check specific key details or work on individual translation, this view will help you focus on the key.

Translation editor simple list view

Table View

Table view is a simple spreadsheet-like view. It can store thousands of keys and translations in multiple languages. To start translating, click on the translation input and type in the translation.

Translation editor table view

Learn more about adjusting the view settings in the View settings section.

View settings

The options listed below are used in all editor views. SimpleLocalize will remember your preferences and on subsequent logins the editor will open with your previously saved settings. Use options below to customize translation editor to your needs and preferences.

Quick actions

Decide which quick actions you want to see in the editor. You can choose from the following options:

Quick actions in translation editor

Input size

Change the default input size to bigger to work on longer, multi-line texts comfortably. This option appears by default in list views.

Changing input size in translation editor

Here you can see the bigger input size in the list view with extra translation actions buttons.

Expanded view of translation key in table view

To expand the key view and see larger input in Table View, click on the key. You will also be able to adjust the input size manually.

Expanded view of translation key in table view

Automatic text wrapping

This option will wrap your multi-line translations to show the whole text within the input. It works great when used together with a bigger input size option to display the entire longer text in one view.

Wrap texts in translation editor

In the example below, you can see the automatic text wrapping option enabled in Side-by-Side view with expanded key view.

Multi-line translation in input

Translation text summary

Use this option to show the number of characters, words, whitespaces and lines in your translation. It helps to keep similar translation length and style in different languages.

Show translation text summary

The translation text summary will show up near the translation input in each view of translation editor.

Text summary

You can set the maximum number of characters in the translation input in the translation key settings.

Auto-translation indicator

Use this option to see right away if the key was translated automatically and may require additional review.

Show auto-translation indicator

The chosen translation service logo, DeepL, Google Translate or OpenAI, will appear in the translation input in all views.

Auto-translation indicator

Variable highlighting

This option will highlight variables in your translation text. It helps to keep the correct variable order and type in the translation.

Highlight variables in translation editor

Other settings

Translation editor: Other settings

Add line breaks with Ctrl + Enter

This is an extra option that can help translators in their work. Instead of adding a new line in your translation with Enter, use Ctrl+Enter.

Translation key description

In translation key description, you can add any extra information you want to show to translators. Usually, it is the specific key location. You can use it to add a link with the location screenshot to help to locate the key easily. The link will open automatically in a new tab. This information can be shown in all editor views.

Show key description

Click on Show description column to display key descriptions in Table View, or check key details in List View to see the description.

Show key description is table view

Code description

Code description is a key description or key details set directly in your source code. It can be displayed in the Table View with Show code description column option checked in editor view settings.

Show code description

Note that code descriptions are imported from the source file, and cannot be edited in the translation editor. See an example of code description below.

<FormattedMessage
    id="YOUR_TRANSLATION_KEY"
    defaultMessage="Your default translation text"
    description="Your code comment for translators"/>
Was this helpful?