如何在(WordPress)网站中启用云输入法

改變字體大小: 默认 | 较大 | 特大 | 转播到腾讯微博 |

Audio clip: Adobe Flash Player (version 9 or above) is required to play this audio clip. Download the latest version here. You also need to have JavaScript enabled in your browser.


  最近发现QQ拼音输入法推出了“云输入法”功能,该功能可以让用户在不安装QQ拼音输入法的情况下,使用QQ拼音输入法输入文字。相比QQ拼音、搜狗拼音等第三方输入法来说,微软自带的微软拼音或者智能ABC等输入法已然显得过于老套,不再适用于当今互联网时代的快速输入了。因此,第三方输入法已然成为了各大互联网商抢占用户市场的一大法宝。
  QQ拼音与搜狗拼音都推出了自己的云输入法功能,相比较来讲,搜狗拼音要比QQ拼音推出的早一些,大概半年前搜狗拼音就推出了自己的云输入法,而QQ拼音是在今年五月份才推出的云输入法功能。不过相比较来讲,QQ拼音的云输入法要比搜狗拼音强一些。因为从搜狗拼音云输入法的官方网站中自己的介绍就可显示出,搜狗云输入法在推出伊始是不支持firefox浏览器的,后来其虽然支持了firefox浏览器,然而却需要用户在firefox中安装一个插件,这对用户的体验是一个很不好的阻碍。因为很少有用户愿意为了去测试一个“新功能”去安装一个对他用处并不大的插件,如果我是用firefox在使用搜狗云输入法的时候还需要安装插件的话,那我何不直接安装一个输入法,为什么要这么麻烦呢?所以这种形式对用户体验很不利。况且,firefox还是仅次于IE和Google Chrome浏览器的一个主流浏览器,如果firefox对搜狗云输入法支持性不是很好的话,会很影响用户的输入体验。
  基于此,我决定使用QQ拼音云输入法作为本站的云输入功能支持。
  我是怎样想到要将QQ云输入法添加到我的网站中的呢?
  我最常使用的是谷歌的Chrome浏览器。那天我在看到QQ云输入法推出后,根据其提示,将QQ云输入法的链接拖拽加入了我的浏览器书签栏中,每次上网的时候不时会体验一下。于是我突发奇想,能不能将这个云输入法功能直接嵌入我的网站中呢?因为毕竟不是所有人都会去将这个云输入法的链接加入浏览器书签的,而每次都要主动点击这个书签来启用这个云输入法也很麻烦。如果能把它嵌入我的网站,岂不一举两得?一来用户在访问我的网站时,不必主动点击云输入法的书签即可使用云输入法,二来又可以方便那些电脑中没有安装第三方输入法的用户,让他们不必安装第三方输入法,即可实现最少是在我的网站的快速文字输入。

  于是稍微研究了一下QQ拼音运输入法的书签形式。众所周知的,书签实际上就是一个链接,而云输入法的链接又是怎么一个样子的呢?我仔细看过之后发现这无非就是一个javascript的链接而已,如果把它加入网站代码中,岂不就可以直接向用户启用云输入法了?于是尝试之。
  QQ拼音云输入法的调用代码:

1
javascript:(function(q){!!q?q.toggle():(function(d,j){j=d.createElement('script');j.src='http://ime.qq.com/fcgi-bin/getjs';j.setAttribute('ime-cfg','lt=2');d.getElementsByTagName('head')[0].appendChild(j)})(document)})(window.QQWebIME)

  搜狗拼音云输入法的调用代码:

1
javascript:void((function(){var n=navigator.userAgent.toLowerCase();ie=n.indexOf('msie')!=-1?1:0;if(document.documentMode)ie=0;charset='';if(ie)charset=document.charset;src=ie&&charset=='utf-8'?'http://web.pinyin.sogou.com/web_ime/init2_utf8.php':'http://web.pinyin.sogou.com/web_ime/init2.php';element=document.createElement('script');element.setAttribute('src',src);document.body.appendChild(element);})())

  但问题又来了,把这段代码放到哪里呢?我曾想将其放入header里,因为这是网站最先加载的部分,不过没有找到合适的位置,也怕破坏了header的显示。后来经过考虑,决定放到小工具里。一来,小工具属于独立的框架,即使小工具里面的代码有错误,也不会影响整个网站的加载。二来,小工具的使用不必直接编辑wordpress网站的主题代码,避免了误操作的风险。于是尝试之,将代码放入小工具里,然而这个代码没有生效,而是直接将代码以文字的形式显示了出来。原来wordpress是php程序搭建的网站,直接将javascript语言放入小工具是无法运行的,必须要对javascript进行调用。因为自己非专业出身,对javascript调用语句不熟悉,所以求助谷歌大神,查找到一段用来电子邮件发送页面的javascript代码如下:

1
2
3
4
5
6
7
8
9
<h3 class="storytitle">
  <a href="<?php the_permalink() ?>" rel="bookmark">
  <?php the_title(); ?></a>
</h3>
<div class="emailpage">
  <script type="text/javascript"><!--//--><![CDATA[//><!--
  emailpage();
  //--><!]]></script>
</div>

  通过上述代码我们可以知道,实际上上面代码中进行javascript调用的就第六行到第八行的两个script,之间就是被调用的javascript部分。

1
2
3
<script type="text/javascript">
 // 被调用的javascript语句
</script>

  于是对其进行修改,将其中所有没用的部分去掉,保留javascript调用部分,并用QQ拼音云输入法的代码替嵌入,形成如下代码,加入小工具中,预览页面一切正常。因为我是用的是Google Chrome浏览器,因此既而又用IE、Opera、Safari、Firefox等其他主流浏览器测试之,亦显示正常,于是大功告成!

1
2
3
<script type="text/javascript">
javascript:(function(q){!!q?q.toggle():(function(d,j){j=d.createElement('script');j.src='http://ime.qq.com/fcgi-bin/getjs';j.setAttribute('ime-cfg','lt=2');d.getElementsByTagName('head')[0].appendChild(j)})(document)})(window.QQWebIME)
</script>

  此外,附上加上了javascript调用的搜狗云输入法代码,其他站长可以根据自己的需要进行使用,也是放在小工具里面即可(一般最好放在小工具最后一个)。不过我比较推荐使用QQ的云输入法,因为搜狗可能兼容性稍差,在Firefox里还需要用户安装一个插件。使用云输入法就是为了避免我的访客在留言的时候麻烦,若使用FF还需要安装插件才能使用搜狗的云输入法的话,对访客太不友好了。而且QQ拼音的云输入是支持输入正体汉字(繁体汉字)的(在云输入法的界面上切换一下即可),而搜狗拼音的云输入却不支持正体字输入,这也是搜狗云输入法的缺憾之一。

1
2
3
<script type="text/javascript">
javascript:void((function(){var n=navigator.userAgent.toLowerCase();ie=n.indexOf('msie')!=-1?1:0;if(document.documentMode)ie=0;charset='';if(ie)charset=document.charset;src=ie&&charset=='utf-8'?'http://web.pinyin.sogou.com/web_ime/init2_utf8.php':'http://web.pinyin.sogou.com/web_ime/init2.php';element=document.createElement('script');element.setAttribute('src',src);document.body.appendChild(element);})())
</script>

  最后,我这个在自己网站的云输入法的应用,是不是也给QQ拼音和搜狗拼音提供了一个新的思路?你们是不是有必要抢占一下个人网站站长这个市场呢?呵呵,莫失良机啊!

Bookmark and Share

您可能對這些感興趣:

  1. 天津师范大学校园网(教育网)VOD下载方法
  2. 今天為博客添加了一個“選擇字號大小”功能
  3. Google Friend Connect在wordpress中无法显示的解决方案
  4. 为你的博客营造圣诞氛围
  5. 关于WordPress主题优化的一点想法

5 Comments

  1. QQ输入法团队 2010-06-13、13:35

    呵呵,很好。我们已经在着手开发这个帮助页面了。

    [回覆]

  2. 要饭的 2010-07-13、14:15

    这个不错哦

    [回覆]

  3. 八五 2010-09-30、23:51

    正在找它,谢谢了。

    [回覆]

  4. pnvs 2011-01-4、00:52

    搜狗云输入法刚出来时候我用Firefox3和Google Chrome试的,没什么问题,也从没听说过要什么插件啊?是不支持Fx2还是什么么,现在应该完全支持了吧。而且我估计搜狗云输入法完全支持Fx的时候,QQ云输入法还没出来

    依我看,QQ云输入法其实反应确实快一点,而精确度,搜狗稍微高那么一点点。但总之腾讯这个抄袭大王和跟屁虫很让人不舒服,云输入法也是跟在搜狗后面立马就搞的,不知让人说什么好。有这个抄袭抄成功的例子在那里,中国人永远都不会有创新意识

    另外,访问页面就自动运行非常不厚道,而且还没有cookies将它关闭,关了这里的云输入法,打开另一篇文章它又开了。建议还是弄成按钮最好,像这里这样:
    http://emulefans.com/guestbook/

    [回覆]

    李博俠 回覆:

    呵呵 感谢您的回复。搜狗的云输入法在FF中使用需要安装外挂 这是我在写此文的时候搜狗官方给出的说明,我当时并未安装FF浏览器,所以也没有进行测试,就此写出了。至于QQ云输入法抄袭不抄袭的问题,不在本文讨论之列,作为用户,我只关心这款产品是否好用,对于其是否抄袭对我并没有多大意义。对于您的另一个建议非常好,我最近会改正它~~总之,感谢您的建议~~

    [回覆]

Add a Comment 開放評論 毋須審核 歡迎留言





(溫馨提示:您可以使用Ctrl+Enter組合鍵快速留言)