给博客网站添加云输入法
前天在石头博客看到如何在网站中插入搜狗云输入法一文,根据他的方法我也给自己的博客添加了这个功能。他的方法启用云输入法的方式是按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')[0].appendChild(j)})(document)})(window.QQWebIME)"><img src="图标地址" width="20" height="20" border="0" /></a>
其中的两个图标自己下载上传到自己的空间。因为我的图片做了防盗链。另外图标大小自己可以自定义width、height。当然你也可以使用文字,这个自己去改了。我的添加位置是在评论框下面,您可以添加到其他合适的位置。。
注意:请使用浮动按钮复制代码。即把鼠标放到代码上,在浮动按钮中复制。
虽然添加这个不是很必要,但在一些场合还是用的上的。特此记录。
» 转载请注明来源:快乐啦博客 » 《给博客网站添加云输入法》
» 订阅本站:https://www.happyla.net/feed
网站突然有云输入法了。。。还奇怪呢,才知道可以添加,按着代码找了下,果真是主题的comments.php里有云输入的代码。。
[回复]
朵未 回复: Unknown Unknown
7月 15th, 2013 at 9:34 下午
[回复]
谢谢博主的代码了
[回复]
朵未 回复: Maxthon 3.3.4.800 Windows XP
1月 29th, 2012 at 6:06 下午
不客气
[回复]
请问你的回复的表情栏是怎么实现的?
[回复]
朵未 回复: Maxthon 3.0 Windows XP
3月 19th, 2011 at 11:11 下午
您好,请参考此文http://shekck.com/2010/10/18/wp-added-expression-improved-version/
[回复]
这个方法弄出来的比较好看,我的代码也和你差不多,就后面没有那些代码。就是比你的少了图片。
[回复]
朵未 回复: Maxthon 3.0 Windows XP
11月 5th, 2010 at 3:19 下午
嗯,图片的就是好看点。这个用到的情况很少。
[回复]
?刚才留言没留上? 我按快捷键了,没出现云输入法啊
[回复]
朵未 回复: Maxthon 3.0 Windows XP
10月 22nd, 2010 at 10:17 下午
呵呵,绝对有用的。
[回复]
我按了啊,没出现什么云输入法
[回复]
朵未 回复: Maxthon 3.0 Windows XP
10月 22nd, 2010 at 10:17 下午
快捷键的我取消了。现在效果可以点图标看看。
[回复]
不知道这个有什么用途,一般人都会有输入法吧
[回复]
朵未 回复: Maxthon 3.0 Windows XP
10月 6th, 2010 at 1:10 下午
实用性不大。我放在这里纯属玩玩。
[回复]
貌似你博客的程序把链接改了。。
[回复]
朵未 回复: Maxthon 3.0 Windows XP
10月 5th, 2010 at 2:53 下午
是的。我试着改了下,发现还是不行。放到文章里就可以用了。
[回复]
QQ输入法
这样不就行了么
[回复]
朵未 回复: Maxthon 3.0 Windows XP
10月 5th, 2010 at 2:52 下午
你的代码没错,不过到了留言本就链接就自动在前面加网址了。
[回复]
这个不错哇~~~学习了 ~~收藏了~~我喜欢
[回复]
朵未 回复: Maxthon 3.0 Windows XP
10月 5th, 2010 at 2:52 下午
呵呵,这个就玩玩,没有很大的实用性。
[回复]
现在每家每户都在弄这个了呀。
[回复]
朵未 回复: Maxthon 3.0 Windows XP
9月 28th, 2010 at 10:45 上午
大家图个新鲜把。
[回复]
云输入,深奥。打字够快,好像没什么用了。
[回复]
朵未 回复: Maxthon 3.0 Windows XP
9月 25th, 2010 at 4:44 下午
实用性不大啊。毕竟几乎所有的电脑都装了自己喜欢的输入法。
[回复]
这个不错,如果网络环境不稳定的话,输入法有延迟,有点不爽
[回复]
朵未 回复: Maxthon 3.0 Windows XP
9月 25th, 2010 at 4:42 下午
是啊,实用性不大。网络嘛一般就可以了。
[回复]
这个东东好玩,博主好能折腾啊
[回复]
朵未 回复: Maxthon 3.0 Windows XP
9月 25th, 2010 at 1:53 下午
这个就拿来玩玩吧。
[回复]
上次用了,但是用的人不多呀···
[回复]
朵未 回复: Maxthon 3.0 Windows XP
9月 24th, 2010 at 3:42 下午
嗯,挂着好看。反正不影响什么。
[回复]
箴言 回复: Internet Explorer 8.0 Windows 7
9月 24th, 2010 at 3:47 下午
嗯,你的这个好多了,我也用上了现在,哈哈···上次那个是自动出现的··
[回复]
朵未 回复: Maxthon 3.0 Windows XP
9月 24th, 2010 at 5:06 下午
嗯,还是给用户选择比较好,毕竟正在用到比较少。
[回复]
这个玩意我似乎已经加了有半年了
[回复]
朵未 回复: Maxthon 3.0 Windows XP
9月 24th, 2010 at 3:14 下午
呵呵,你加的早,我一次上两个。玩玩。
[回复]