pdx-i18n v3.0.7

pdx-i18n

what is this?

If you need a translation tool in your H5 project, try this

demo

Please link demo

feature

Support translate 1. html 2. placeholder 3. variable

how to use?

• install pxd-i18n package

  npm i pdx-i18n

• before use this ,add translate js file.

  |-src
   |-i18n
     |-en
       |-module.js
     |-zh-cn
       |-module.js
     |-zh-hant
       |-module.js
     |-...

Please make sure the sub file name of en/zh-ch/... are same
  +  import the module into main.js

import pdxI18n from 'pdx-i18n'; window.onload = function () { // Instantiation internationalization const myI18n = initI18N('zh-hant', 'add');

// Simplified Chinese
document.querySelector('#cn').addEventListener('click', ()=>{
  myI18n.setInnerHtml('zh-cn');
});

// traditional Chinese
document.querySelector('#hant').addEventListener('click', ()=>{
  myI18n.setInnerHtml('zh-hant');
});

// english
document.querySelector('#en').addEventListener('click', ()=>{
  myI18n.setInnerHtml('en');
})

};

// Initialization internationalization function initI18N(currentlang, currentFile) { const i18n = new pdxI18n({ currentLang: currentlang, useFileName: currentFile }); i18n.setInnerHtml(); return i18n; }

index.html

**Please make sure project i18n file structure fit for under url**
`${window.location.href}i18n/${this.currentLang}/${this.useFileName}.js`
For example:
` http://xxx.xxx.xx:port/i18n/en/xxxx.js`

### api
#### new pdxI18n（{currentLang: string,useFileName: string}）
currentLang： the name of you create to put deffirent language file name .
              for example: en/zh-cn/zh-hant
              
useFileName: the name of module.js .
              for example: /en/module.js
              the useFileName is 'module'

const i18n = new pdxI18n({ currentLang: currentlang, useFileName: currentFile });

#### setInnerHtml(lang: string)
  translate html tag innerText value 
  lang: currentLang

i18n.setInnerHtml('en'); or i18n.setInnerHtml();

#### setPlaceholderLang(lang: string)
  translate the placeholder of the element

i18n.setPlaceholderLang('en'); or i18n.setPlaceholderLang();

  
#### setObjsLang(variableName: string, lang: string, callback)
  translate variable
  lang: needn't pass

const i18nObj = {}; i18n.setObjsLang('i18nObj', currentlang, data => { console.log(data); }); or myI18n.setObjsLang('i18nObj', 'en', data => { console.log(data); });

the complete guide check the dome,please.