npm-multilanguage-web
v1.0.5
Published
This package allows you to switch between multiple languages in a web mockup.
Downloads
6
Readme
Multilanguage
Estructura del carpetas
- proyecto
- css
- js
- sass
- node_module
- npm-multilanguege-web
- dist
multilang.js
- src
multilang.js
- lang
es.json
en.json
fr.json
Como usar la libreria
- Agregar la carpetas lang los idiomas a utilizar
- Incluier el script dist/multilang.js en el html
- Hacer el llamado y pasar los parametros de opciones obligatorios
multilang.translate({
'default': 'es',
'classElements': 'multilanguage',
'btnClassChange': 'changeLang',
'attrKey': 'data-lang-key'
});
- Botones para el cambios de idiomas debe contener la clase "changeLang" y el data-lang=""
<a href="#" class="btn btn-secondary my-2 changeLang" data-lang="es">ES</a>
<a href="#" class="btn btn-secondary my-2 changeLang" data-lang="en">EN</a>
<a href="#" class="btn btn-secondary my-2 changeLang" data-lang="fr">FR</a>
- Asicomo los todos los textos deben contener la clase multilanguage y el data-lang-key="index.about.title" que debe hacer referencia al archivo json de idioma
<h1 class="fw-light multilanguage" data-lang-key="index.about.title">example title</h1>
<p class="lead text-muted multilanguage" data-lang-key="index.about.copy">exmple copy.</p>