https://github.com/williankeller/translation-system-with-javascript

Inline content translation just using javascript (without jQuery)
https://github.com/williankeller/translation-system-with-javascript

javascript jquery js-translation live-translation translate translation

Last synced: about 2 months ago
JSON representation

Inline content translation just using javascript (without jQuery)

• Host: GitHub
• URL: https://github.com/williankeller/translation-system-with-javascript
• Owner: williankeller
• Created: 2015-08-18T00:54:38.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2017-02-24T16:02:17.000Z (almost 8 years ago)
• Last Synced: 2024-10-14T22:10:17.622Z (3 months ago)
• Topics: javascript, jquery, js-translation, live-translation, translate, translation
• Language: JavaScript
• Homepage: http://williankeller.github.io/translation-system-with-javascript/
• Size: 19.5 KB
• Stars: 1
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Tradução com JavaScript ![Versão](https://img.shields.io/badge/Versão-1.0.4-green.svg)

#### Tradução de conteúdo em linha usando apenas JavaScript (sem jQuery)

**Modo de Uso**

* Defina a classe que deseja usar como tradução (Padrão `tdr`);

* Insira o arquivo de tradução no rodapé do seu site;

* Inicie o objeto de tradução passando os dados em formato de `json`;

* Pronto para uso.

**Exemplo de uso**

* Classe de tradução (Padrão `tdr`):

```html

Conteúdo à ser traduzido

```

* Objeto de tradução com o conteúdo:

```javascript

Tradutor({"Conteúdo à ser traduzido": "Content to be translated");

```

O método acima é a forma mais simples para se traduzir um conteúdo inline.

Basta inserir o conteúdo de base e o conteúdo de tradução.


* Tradução usando conteúdo dinâmico (Padrão `%`):*

```html

Conteúdo JavaScript ser traduzido sem jQuery

```

* Objeto de tradução com o conteúdo dinâmico:*

```javascript

Tradutor({"Conteúdo % ser traduzido sem %": "Content % to be translated without %");

```

O método acima, é usado para fazer a substituição de uma conteúdo dinâmico, isto é, as palavras substituidas por `%` serão mantidas.

No exemplo citado, `Conteúdo % ser traduzido sem %` imprimirá `Conteúdo JavaScript ser traduzido sem jQuery` as palavras `JavaScript`e `jQuery` não serão alteradas.


Isso vale para números, textos e/ou caracteres especiais.

...e pronto, o conteúdo já será traduzido. Você pode definir vários idiomas e chama-los para cada ocasião.

Simples e super usual.