An online translation editor can be a great help in getting started with translation management, and also it can improve the translation process experience for more advanced teams. It's easier and more intuitive and user-friendly than an Excel file, and multiple users can work on translations in one place.
Learn how to use SimpleLocalize translation editor and set it to your and your team needs. Adjust the views and learn all editor options to take full advantage of its features.
Table of contents
Translation editor views
All translation editor settings you can find on the right side of the editor in 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.
Table View
Table view is a simple spreadsheet-like view. It can store thousands of keys and translations in multiple languages. To start translating, simply click on the translation input and type in the translation.
List View – Simple List
This view shows a simple list of all 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.
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 one. Below, you can decide which information to show, like key details, key or code descriptions.
General options
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.
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.
Here you can see the bigger input size in the list side-by-side view with automatic text wrapping option enabled.
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.
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 bigger input size option to display the entire longer text in one view.
In the example below, you can see the automatic text wrapping option enabled in a Table View with expanded key view.
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.
The translation text summary will show up under translation input in each view of translation editor.
Auto-translation indicator
Use this option to see right away if the key was translated automatically and may require additional review.
The chosen translation service logo, DeepL or Google Translate, will appear in the translation input in all views.
Show hidden translation keys
While importing your translations to SimpleLocalize with Excel or CSV, you can set some keys as 'hidden' if you don't want them to be shown in the editor. By default, such keys are not visible in the editor, but you can show them using Show hidden translation keys option.
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.
Other settings
The settings described below can help in working on translations in translation editor. SimpleLocalize will remember those settings for you and use them as default when you log in.
Translation filters
You can search and filter translations using the following filters
- Search keys and translations - type in the key or translation you are looking for, the search will find results also inside your translations.
- Languages - select which languages you want to display in the editor.
- Translations sorting - show translated, not translated, auto-translated, newest or last modified and seen keys first on the list.
- Basic information - show basic information about the key and its translations in list view. In a simple list, without expanding translation view, you can see selected language translation, create and last modification date and the key namespace.
Showing key namespace
Key namespace is information which folder the key is taken from. If you are using translations uploaded from multiple files, then namespaces allow you to show the translation source file in the editor. You can find the information about key namespace in List View, in key details or using Basic information and namespace filter.
Click on Change namespace button in list view to add key namespace directly in the translation editor.
Key description
In Key description, you can add any extra information you want to show to translators. Usually, it is the specific key location. 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.
Click on Show description column to display key descriptions in Table View, or check key details in List View to see the description.
Code description
Code description is a key description or key details set directly in your source code. See an example of code description below.
Note that code descriptions are imported from the source file, and cannot be edited in the editor.
<FormattedMessage
id="YOUR_TRANSLATION_KEY"
defaultMessage="Your default translation text"
description="Your code comment for translators"/>
