Skip to content
/ i18n Public

🌐 The internationalization (i18n) library for JavaScript. Support for i18n of text, images, placeholders, styles.

License

Notifications You must be signed in to change notification settings

metahot/i18n

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

nofwl-i18n

The internationalization (i18n) library for JavaScript. Support for i18n of text, images, placeholders, styles.

yarn

yarn dev

# http://127.0.0.1:8080/example
# http://127.0.0.1:8080/example/test.html
yarn serve

Usage

npm i @nofwl/i18n
# or
yarn add @nofwl/i18n
/* js file */

// require('@nofwl/i18n')
import '@nofwl/i18n'

Project Structure

# path: **/i18n/**/*.json
# common file: **/i18n/pub/*.json

[project]
|- [**/i18n]
|     |- [{lang}] # language
|     |      `- *.json # page
|     `- [pub]
|         |- common.{lang}.json
|         `- keywords.{lang}.json
` ..

# OR

[project]
|- [**/i18n]
|    |- [**] # page
|    |   `- *.{lang}.json
|    `- [pub]
|         |- common.{lang}.json
|         `- keywords.{lang}.json
` ...

HTML Tags Attributes

type arrtibute describe use
common i18n-c common i18n-c='key_name'
keywords i18n-k keywords i18n-k='key_name'
page i18n-p page i18n-p='key_name'
class i18n-s currect element class(style) i18n-s
image i18n-(c|k|p)-i (common | keywords | page) image path i18n-(c|k|p)-i='key_name'
pleceholder i18n-(c|k|p)-ph (common | keywords | page) placeholder i18n-(c|k|p)-ph='key_name'
off i18n-o close translate(off) i18n-o
  • key_name: i18n key name
  • (c|k|p): One of c, k,p

Config

i18n matches the corresponding page in two ways

<!-- **/i18n/{lang}/**/*.json -->
<meta i18n='/your_path/i18n/{lang}/path_file_name'>

OR

<!-- **/i18n/**/*.{lang}.json -->
<meta i18n='/your_path/i18n/path_file_name.{lang}'>

<!-- i18n-lang-btn: language button -->
<!-- i18n-def: default language -->
<!-- class='i18n-active': current language -->
<div>
  <button i18n-lang-btn='en' i18n-def>EN</button>
  <button i18n-lang-btn='cn'>CN</button>
  <!-- <button i18n-lang-btn='**'>**</button> -->
  <!-- ... -->
</div>

About

🌐 The internationalization (i18n) library for JavaScript. Support for i18n of text, images, placeholders, styles.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published