Step 1: Setup

Set up the Angular application with a few lines of code. TL8 requires a few very simple changes in your code to enable the super power.

TL8 requires your application to use Ngx-translate. This is how it can modify the translations directly from the running application, inside the TL8 app.

Learn more

Setup your Angular application in a few minutes

1. Add TL8 to your project

npm install --save tl8

2. Add the TL8 module to your application, ideally where you include the TranslateModule of ngx-translate.

import { TL8Module } from 'tl8';

@NgModule({
  ...
  imports: [
    ...
    TranslateModule.forRoot(...),
    TL8Module.forRoot({
      langs: [
        { lang: 'en', label: 'English' },
        { lang: 'fr', label: 'French' },
        { lang: 'de', label: 'German' },
      ]
    }),
    ...
  ],
  ...
})
export class SharedModule { }

3. Prepare for the TL8 app

The TL8 application is basically a web browser written with Electron. To enable communication from your application to the TL8 application, you must insert the following lines as the first script in your index.html file.

<script>
if (window.require) {
  window.nodeRequire = require;
  delete window.require;
  delete window.exports;
  delete window.module;
}
</script>

4. Enable all translations through the TL8 pipe

Everywhere you use the translate pipe from ngx-translate, replace it with the tl8 pipe.

'some.key' | tl8

Step 2: Go to app.tl8.io or download the TL8 app.

To provide the best experience, TL8 provides you with a multi-platform (Windows, Mac OS, Linux) application.

From your browser For Windows For Mac OS For Linux

Step 3: Change texts in your application.

Open the TL8 app and navigate to your Angular application. The interface lets you freely navigate the app, just like your usual browser. It just comes with a click-edit interface to change whatever can be changed. What you see is what you get.

Step 4: Hand-over the final translation files.

Done with the changes? Download the final translation files and hand them over to the developer. The developer takes those files, puts them into the repo, as is. Commit, push, deploy. Voilà.

Why did we create TL8?

Having the right text is fundamental for an application. We know how valuable the developers' times are. This is why we wanted to create a product that enables anyone to edit texts themselves. TL8 reduces friction by providing an error-free transmission of the changes and spares valuable development time for those easy changes. It enables more members to contribute to the product and reduces time for changes to go on production.

Time is the most valuable thing one can spend.

Consider a donation

Did you find the tool useful? Consider a donation to support the development of the tool. For you, it's 2 minutes and some $$$. For us, it's more time to spend on something amazing.



Your feedback is valuable

You used the tool and you want to give us feedback? We highly appreciate it! As early user, it's also the opportunity for you to request specific features. Please fill this form, it only takes 2 minutes… depending on whether you are talkative 😉

Downloads for Linux

Download the Snap
Download the App Image