首页 > 博客相关, 网站相关 > 给博客网站添加云输入法

给博客网站添加云输入法

前天在石头博客看到如何在网站中插入搜狗云输入法一文,根据他的方法我也给自己的博客添加了这个功能。他的方法启用云输入法的方式是按CTRL+Y快捷键。平时看到一些博友也给自己的博客加入了云输入法,但启用输入法大多采用链接方式,我觉得这样体验更好,就试着自己重新添加了。到搜狗和QQ云输入法官网看了看,发现两者原理一样,添加也挺简单。

首先说说石头的方法。代码如下

<script type="text/javascript"> 
//搜狗云输入支持,ctrl+y启动.
//STOU.INFO
function startSougoCloudInputer(){ 
 if(window.event.ctrlKey && window.event.keyCode==89){ 
  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); 
 }
}
document.onkeydown=startSougoCloudInputer; 
</script>

我在主题的comments.php文件的顶部加入。然后在评论框下面加入提示文字:按CTRL+Y启用搜狗云输入法。

下次是我自己添加的,采用图片链接形式。效果如下:

添加方法如下:

在可以评论的页面的合适位置加入以下代码:

一、搜狗云输入法

<a title="启用搜狗云输入法" href="javascript:void((function(){var e=document.createElement('script');e.setAttribute('src','http://web.pinyin.sogou.com/web_ime/init.js');document.body.appendChild(e);})())"><img src="图标地址" width="20" height="20" border="0" /></a>

二、QQ云输入法

<a title="启用QQ云输入法" href="javascript:(function(q){!!q?q.toggle():(function(d,j){j=d.createElement('script');j.src='//ime.qq.com/fcgi-bin/getjs';j.setAttribute('ime-cfg','lt=2');d.getElementsByTagName('head')&#91;0&#93;.appendChild(j)})(document)})(window.QQWebIME)"><img src="图标地址" width="20" height="20" border="0" /></a>

其中的两个图标自己下载上传到自己的空间。因为我的图片做了防盗链。另外图标大小自己可以自定义width、height。当然你也可以使用文字,这个自己去改了。我的添加位置是在评论框下面,您可以添加到其他合适的位置。

QQ输入法图标 搜狗输入法图标

注意:请使用浮动按钮复制代码。即把鼠标放到代码上,在浮动按钮中复制。

虽然添加这个不是很必要,但在一些场合还是用的上的。特此记录。




  1. 2013年6月9日16:19 | #1

    网站突然有云输入法了。。。还奇怪呢,才知道可以添加,按着代码找了下,果真是主题的comments.php里有云输入的代码。。

    [回复]

    朵未 回复: Unknown Unknown Unknown Unknown

    [回复]

  2. 2012年1月28日15:18 | #2

    谢谢博主的代码了

    [回复]

    朵未 回复: Maxthon 3.3.4.800 Maxthon 3.3.4.800 Windows XP Windows XP

    不客气

    [回复]

  3. 2011年3月19日12:50 | #3

    请问你的回复的表情栏是怎么实现的?

    [回复]

    朵未 回复: Maxthon 3.0 Maxthon 3.0 Windows XP Windows XP

    您好,请参考此文http://shekck.com/2010/10/18/wp-added-expression-improved-version/

    [回复]

  4. 2010年11月1日16:54 | #4

    这个方法弄出来的比较好看,我的代码也和你差不多,就后面没有那些代码。就是比你的少了图片。

    [回复]

    朵未 回复: Maxthon 3.0 Maxthon 3.0 Windows XP Windows XP

    嗯,图片的就是好看点。这个用到的情况很少。

    [回复]

  5. 2010年10月22日22:15 | #5

    ?刚才留言没留上? 我按快捷键了,没出现云输入法啊

    [回复]

    朵未 回复: Maxthon 3.0 Maxthon 3.0 Windows XP Windows XP

    呵呵,绝对有用的。

    [回复]

  6. 2010年10月22日22:14 | #6

    我按了啊,没出现什么云输入法

    [回复]

    朵未 回复: Maxthon 3.0 Maxthon 3.0 Windows XP Windows XP

    快捷键的我取消了。现在效果可以点图标看看。 :smile:

    [回复]

  7. 2010年10月5日22:02 | #7

    不知道这个有什么用途,一般人都会有输入法吧

    [回复]

    朵未 回复: Maxthon 3.0 Maxthon 3.0 Windows XP Windows XP

    实用性不大。我放在这里纯属玩玩。 :smile:

    [回复]

  8. 2010年10月5日02:34 | #8

    貌似你博客的程序把链接改了。。

    [回复]

    朵未 回复: Maxthon 3.0 Maxthon 3.0 Windows XP Windows XP

    是的。我试着改了下,发现还是不行。放到文章里就可以用了。 :smile:

    [回复]

  9. 2010年10月5日02:31 | #9

    QQ输入法

    这样不就行了么 :razz:

    [回复]

    朵未 回复: Maxthon 3.0 Maxthon 3.0 Windows XP Windows XP

    你的代码没错,不过到了留言本就链接就自动在前面加网址了。

    [回复]

  10. 2010年9月30日00:01 | #10

    这个不错哇~~~学习了 ~~收藏了~~我喜欢

    [回复]

    朵未 回复: Maxthon 3.0 Maxthon 3.0 Windows XP Windows XP

    呵呵,这个就玩玩,没有很大的实用性。

    [回复]

  11. 2010年9月25日17:52 | #11

    现在每家每户都在弄这个了呀。

    [回复]

    朵未 回复: Maxthon 3.0 Maxthon 3.0 Windows XP Windows XP

    大家图个新鲜把。

    [回复]

  12. 2010年9月25日15:04 | #12

    云输入,深奥。打字够快,好像没什么用了。

    [回复]

    朵未 回复: Maxthon 3.0 Maxthon 3.0 Windows XP Windows XP

    实用性不大啊。毕竟几乎所有的电脑都装了自己喜欢的输入法。

    [回复]

  13. 2010年9月25日14:51 | #13

    这个不错,如果网络环境不稳定的话,输入法有延迟,有点不爽

    [回复]

    朵未 回复: Maxthon 3.0 Maxthon 3.0 Windows XP Windows XP

    是啊,实用性不大。网络嘛一般就可以了。

    [回复]

  14. 2010年9月25日09:31 | #14

    这个东东好玩,博主好能折腾啊 :oops:

    [回复]

    朵未 回复: Maxthon 3.0 Maxthon 3.0 Windows XP Windows XP

    这个就拿来玩玩吧。 :smile:

    [回复]

  15. 2010年9月24日15:34 | #15

    上次用了,但是用的人不多呀···

    [回复]

    朵未 回复: Maxthon 3.0 Maxthon 3.0 Windows XP Windows XP

    嗯,挂着好看。反正不影响什么。

    [回复]

    箴言 回复: Internet Explorer 8.0 Internet Explorer 8.0 Windows 7 Windows 7

    嗯,你的这个好多了,我也用上了现在,哈哈···上次那个是自动出现的··

    [回复]

    朵未 回复: Maxthon 3.0 Maxthon 3.0 Windows XP Windows XP

    嗯,还是给用户选择比较好,毕竟正在用到比较少。

    [回复]

  16. 2010年9月24日14:56 | #16

    这个玩意我似乎已经加了有半年了

    [回复]

    朵未 回复: Maxthon 3.0 Maxthon 3.0 Windows XP Windows XP

    呵呵,你加的早,我一次上两个。玩玩。

    [回复]

评论分页
1 2 3 4 1812
  1. 本文目前尚无任何 trackbacks 和 pingbacks.