Skip to content

[BabelEdit] A Time Saving Translation Tool

Georg Höller
Georg Höller
3 min read
[BabelEdit] A Time Saving Translation Tool

If you ever did a project which should support multiple languages you know the hassle of handling multiple language files. There are a lot of tools out that should solve this issue but I always keep coming back to BabelEdit.


First of all head over to the official Website for downloading and installing the most recent version: BabelEdit Download
(BabelEdit is available for Windows, macOS and Linux)


You can try BabelEdit for 7 days for free. Afterward, it will cost about 40$ which includes lifetime usage and a 1-year update supply which is a really fair price in my opinion.

Project initialization


When you open the program for the first time it will look like this:

As you see it supports a lot of translation frameworks. I will continue with Angular + ngx-translate:

On the next page you can select your translation files and a primary language:

And that's it!

My BabelEdit Workflow


I'm doing all translations by myself, so my workflow doesn't contain any export/import steps.

As I'm using the package ngx-translation for my translations in Angular I have to work with JSON files. Did you ever edit a big JSON-based translation file by hand? Maybe multiple times because you have support for multiple languages? It was a mess, error-prone and took just too much time!
With BabelEdit it is done in under 10 seconds and I will not have any git merge troubles!

Just hit "Add Id" and type in the translation ID:

Hit Enter and Tab to jump into your selected main language and type the needed translation. Do another Tab to jump to your next language.
Sure you can now type in the other language manually but if you don't know the translation just hit Ctrl + 1 and the machine translation will autofill it for you!
This is such an awesome feature for me! It supports Google, Microsoft and DeepL Translations - just awesome.

When your hit Tab at the last language you jump back to the translation ID Tree and your currently edited ID keeps selected.
This means you can hit Ctrl + C to copy the path you will need in your framework to use this translation.
If you open the context Menu at an ID you have several other options to copy - it depends on which one you prefer for your workflow.

Don't forget to hit Save or Ctrl + s which will save the BabelEdit-File and update your translation files.
If you didn't download BabelEdit it now here is the link again:  BabelEdit Download
Hit it and start translating much faster!
I hope you enjoyed reading this short tool introduction. Keep coding!

Official Links:
Features
Tutorials
Documentation

ToolsAngular

Comments


Related Posts

Members Public

[ngrok | Angular] External Access to your Local Test Environment

Sometimes you have to test your local hosted API or website with multiple different devices. They may be on the same network and you can open your local ports in some way to get it working but most of the time it's a messy solution. Tech Stack * Angular * ASP.NET

[ngrok | Angular] External Access to your Local Test Environment
Members Public

[Angular | Capacitor] Interact With Your Native Calendar

Recently I had do to implement a simple task: When the user presses the 'save appointment' button, the app should add this event to the native calendar. My first thought was saving an .ical file and open it, till i recognized that this isn't the most user friendly way. After

[Angular | Capacitor] Interact With Your Native Calendar
Members Public

[Angular] Native iOS and Android App - Capacitor

In this blog post we will go through the initial process of how to convert an existing angular project into a cross-platform project. Our focus is on iOS and Android. In addition to this, I show you how to speed up developing and especially testing the app. Setup * Code Editor

[Angular] Native iOS and Android App - Capacitor