Editing web translations right in your browser
/ 2 min read
Sometimes GIF replaces 1000 words:
Having this, you give your translator 100% understanding of the translation context.
The feature is usually called In-Context Editor
(for instance in Locize or Phraseapp).
It’s worth to say you need PhraseApp Pro subscription for it. In pair to that, we also use lingui-js
as a translation library.
How to enable
All you need to is
- Add PhraseApp In-Context Editor snippet to your page
- Format messages into the proper format.
If you’re in the Javascript world, I have wrote a lingui-phraseapp, which helps you to do these two steps, so your integration may look alike
As you can see from above to enable Editor set inContextEditor: true
in the LocalStorage. After that, the modal for username and password will appear.
There are also implementations for other popular translation libraries react-intl-phraseapp, react-i18next-phraseapp, although integration itself is pretty straightforward and simple.
The most important question
Now to the things that really matter:
Does this brings value at all?
The translator we’re working says she wanted it for 2 years, although we haven’t started active translation phase yet. And you can’t say for sure until you’ll work with it on daily basis.
I will give an update on this feature, stay tuned!