Movatterモバイル変換


[0]ホーム

URL:


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="#">English</a>  <a href="#">日本語</a>  <a href="#">中文</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>

[8]ページ先頭

©2009-2025 Movatter.jp