Internacionalice su sitio web usando translater. js

Tiempo de ejecución: 30 minutos. Empezar

Autor: jaywcjlove
Views Total: 318
Sitio oficial: Ir a la web
Actualizado: December 7, 2018
Licencia: MIT

Vista prévia

Internacionalice su sitio web usando translater. js

Descripción

translater. js es una biblioteca de JavaScript que hace uso de comentarios HTML para localizar & internacionalizar su página web de una manera fácil.

Utiliza cookies del navegador para almacenar la selección del usuario y muestra el idioma adecuado en la próxima visita.

Además, la biblioteca también le permite cambiar las rutas de la imagen y las alternativas en función del idioma que elija.

Funcionamiento

Agregue traducciones a los comentarios HTML de la siguiente manera:

Hello!
<!--{es}Hola! -->
<!--{cn}你好!-->

Agregue el script translater. js a la página.

<script type="text/javascript" src="dist/translater.js"></script>

Inicialice la biblioteca translater. js.

var tran = new Translater();

Alterna entre los idiomas.

// en
tran.setLang('default');

// es
tran.setLang('es');

// cn
tran.setLang('cn');

Para alternar entre imágenes, utilice los siguientes atributos:

<img

 alt="image"

 alt-cn="说明"


 title="title"

 title-cn="标题"



 src="imgae.jpg"

 data-lang-cn="imgae_cn.jpg"
 >

También se admiten los campos de entrada.

<input type="text"




placeholder="Placeholder Text"




 placeholder-cn="输入">

<input type="button"




value="button"




value-cn="按钮">

Te puede interesar: