translater.js 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
translater.js 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
translater.js 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !
授权协议 MIT
开发语言 JavaScript
操作系统 跨平台
软件类型 开源软件
开源组织
地区 国产
投 递 者 小弟调调
适用人群 未知
收录时间 2016-04-25

软件简介

这是一个利用HTML注释的页面翻译解决方案。对于少量的静态页面,这种解决方案显得更简单。它没有依赖,压缩只有只有(~2kb)。

  • 支持 IMG 文本 切换

  • 支持 URL 加载语言

  • 支持本地缓存选择

作为模块安装

$ npm install translater.js

传统使用方法

<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>

切换语言方法通过超链接

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

可以通过URL穿参数设置语言

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

文本翻译添加

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

图片切换

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

getLang/setLang

获取或设置当前语言。

<script type="text/javascript">  
var tran = new Translater();  
if (tran.getLang() === "default") 
tran.setLang('en'); 
</script>
展开阅读全文

代码

评论

点击引领话题📣
发表了资讯
2017/09/04 09:16

translater.js v1.0.9 发布,页面翻译解决方案

translater.js 是一个利用HTML注释的页面翻译解决方案。对于少量的静态页面,这种解决方案显得更简单。它没有依赖,压缩只有只有(~2kb)。 支持 IMG 文本 切换 支持 URL 加载语言 支持本地缓存选择 更新内容: b5cb9c7 - 更新实例。 6a9688c - 文档更新。 ca1d1ee - 图片和输入框的翻译 #9 51dbcc9 - 忽略 .DS_Store 更多内容

1
25
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
发表了问答
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
暂无内容
0 评论
37 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部