码迷,mamicode.com
首页 > Web开发 > 详细

几行代码为自己的网站添加划词翻译功能

时间:2015-04-26 12:31:21      阅读:163      评论:0      收藏:0      [点我收藏+]

标签:

为网站添加自动翻译网页、网页划词、在线翻译、在线词典、每日一句功能。
  适合各类网站
  百变语种,自动翻译网页

  把中文的网站,变成十几种不同语种的网站,会不会感觉很新奇? 要实现自动翻译网站上文字的功能,看似很困难,但是通过,百度,Google的翻译小工具实现起来就非常简单。只要添加一段网页源代码,就可以翻译多种语种的网页,让其他国家的用户也能看懂你的网站。
说简单,那是真简单——将以下代码加入网站合适位置,就可以实现网页的多语种翻译了。
  
  如果使用的是CMS网站管理系统,如joomla,phpwind,wordpress,discuz等,需要对全站的页面添加该工具,则可以直接在程序模板中添加以上代码。添加完成后,打开网站页面,并提供对该网页自动翻译的即时访问。
  代码添加完成后,切换到网站页面,网页中将出现百度,Google翻译的工具图标(图1),下拉列表中提供了英语、日语、德语、法语等几十种语种的翻译功能。这样一来在浏览网站时,如果需要翻译成外语,直接在工具的下拉菜单中选择需要的语种即可。
在线学习,实现在线翻译功能

  在线翻译功能非常实用,对于面向国外浏览者的网站来说,也是网站人性化的一种体现。在网站上添加翻译的功能,并不需要多大的空间,如果是工具类网站,可以当作是另外提供的小工具,个人网站或博客则可以方便自己对外文的翻译和学习。

  我们同样可以通过简单地添加代码来实现这一功能,谷歌、百度等多个网站都推出了在线翻译工具,这里我们以谷歌为例说明在网页中添加在线翻译工具的方法。
  用Dreamweaver或者其他网页编辑软件打开网页,在合适的位置加入以下代码:
  



  网页划词功能就是在浏览网页时看到一个关键词,用鼠标选中该词后就会自动出现它的外文释义(我们常用的外语学习软件金山词霸也有这个功能,称为“屏幕取词工具”)。它以开放资源应用接口为特色,开发者可以自己定制检索对象资源库,也可以直接以Google、百度等搜索引擎为检索对象资源库。

  1.添加英语划词翻译功能

  只须在网页的任意位置添加以下代码,就可以实现英文划词查询的功能(图3)
技术分享

介绍到这里,这样做的好处,免去安装翻译词典,
end

  这里我们只提供了从中文到英语的翻译功能(图2),其他语种如需添加,可以在我们提供下载的压缩文件中获得。谷歌在线翻译提供了非常丰富的外语翻译功能,如果需要删减不需要的语种翻译功能,只要删除下拉菜单中的选项即可,方法是直接删除这一行标记语言。 网页划词,让词组翻译最快

  

  


     中文到英语
  

几行代码为自己的网站添加划词翻译功能

标签:

原文地址:http://my.oschina.net/bigfool007139/blog/406445

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!