Source string markup

You need to explicitly markup your source strings (strings to translate) in your HTML. This is being done by using __ CSS class.

BabelShark picks up these string from HTML and replaces them with a translation to the user's language.

Adding __ class

To mark your string as one to be translated, just add CSS class:

Dynamic HTML

The most of modern HTML frameworks (React, Vue, Angular) dynamically add, remove and replace text in HTML DOM elements.

BabelShark tracks changes in page contents and translates new strings.