Translater.JS

This is a use of HTML comments page translation solution. For a small amount of static pages, this solution is more simple. it has no dependents, Compression only (4KB)

Install

As Modules

  
  $ npm install translater.js

Client-side usage


  <div>
      这里是中文
      <!--{jp}ここは日本語です-->
      <!--{en}Here is English-->
  </div>
  <script src="../dist/translater.min.js" type="text/javascript"></script>
  <script type="text/javascript">
  var tran = new Translater({
      lang:"jp"
  });
  </script>

The method of switching languages via hyperlinks.


  <a href="javascript:tran.setLang('default');">English</a>
  <a href="javascript:tran.setLang('jp');">日本語</a>
  <a href="javascript:tran.setLang('cn');">中文</a>

You can set the language parameter passed through URL.


  http://127.0.0.1:9005/test/test.html?lang=jp

Document

Adding text translation


  <div>
    这里是中文
    <!--{jp}ここは日本語です-->
    <!--{en}Here is English-->
  </div>

Picture switch


  <img alt="images" src="../img/imgae.jpg" data-lang-cn="../img/imgae_cn.jpg" data-lang-jp="../img/imgae_jp.jpg" />

getLang/setLang

Get or set the current languge. 

  <script type="text/javascript">
    var tran = new Translater();
    if (tran.getLang() === "default") tran.setLang('en');
  </script>