3 min. read

Highlighting of HTML Tags and Interpolated Variables

Michaël Hoste

Michaël Hoste

Founder & CEO

Who is Michaël?

Michaël is the founder of Translation.io. He is always interested in hearing your feedback on the product.

Feel free to get in touch: michael@translation.io

Sometimes you have no choice but to confront your translators with HTML or interpolated variables.

The problem is that translators do not necessarily know the meaning of these notations and may be tempted to translate them or may inadvertently alter them, as shown here below:

Rails
Laravel
Lingui
Angular
English   French
Hello %{name} Hello :name Hello {name} Hello {name} Bonjour %{nom} Bonjour :nom Bonjour {nom} Bonjour {nom}
Account <em>disabled<em> Compte < em>>désactivé<em>

In the first example, the name variable has disappeared from the translation and will not be replaced by the username in French. In the second, the HTML will not be correctly interpreted and the page will be broken.

To help translators manage these notations more easily, we now highlight HTML tags and interpolated variables. We also display a warning icon if some of these tags and variables are missing or incorrectly translated.

Highlight Interpolated Variable

Highlight Interpolated Variable

Highlight Interpolated Variable

Highlight Interpolated Variable

On top of that, translators are now able to insert these notations into the target field by clicking on them or pressing the TAB key. This really speeds up the translation process and prevents unfortunate typos.

Animation Highlights Rails

Animation Highlights Laravel

Animation Highlights Lingui

Animation Highlights Angular

Published on October 11, 2019
Ready to give it a try? Start your free 7-days trial