CopyToFriends 1.1 for Z-Blog1.8 复制文章标题和链接

首先要说明的是,这是一个Z-Blog插件,作为一个很久没发布插件的人,我感觉压力很大。不过Z-Blog确实已经很久没有大动静了,曝光一下,传说中的 Z-Blog 1.9 连内测都还没开始。

CopyToFriends插件介绍

启用该插件后,将在文章底部加入复制文章链接的按钮,复制文章标题和链接到剪切板,复制下来的内容你干什么都行。当然,我的意思是分享给好友。

新版使用了ZeroClipboard类库,经过测试,完美支持IE、Firefox、Chrome、Opera等浏览器。

插件下载

下载插件  下载插件(菠萝的海)

很简单的插件,到此也就算发布完毕了。不想这么短短几行文字就结束了,下面说说ZeroClipboard的应用。

ZeroClipboard的应用

为了在各浏览器下都能够正常工作,之前这个插件使用的是 Clipboard Copy 解决方案,利用一个隐藏的 Flash 实现复制。但最新的 Flash Player 10 只允许在 Flash 上进行操作才能启动剪贴板。于是新的解决方案又出来了,就是这里用到的 ZeroClipboard。ZeroClipboard用了一个透明的 Flash ,让其漂浮在按钮之上,这样其实点击的不是按钮而是 Flash。如果你使用 Firefox 并且安装了adblock扩展,鼠标悬停在按钮上的时候会发现有 Flash 的提示 。

ZeroClipboard提供了一些函数,很有应用价值,但这里不一一赘述。建议有兴趣的朋友去参考官网上的说明和教程,网上搜来的教程很没用。

下面是最简单的实例:

<html>
<body>
<script type="text/javascript" src="ZeroClipboard.js"></script>
<div id="d_clip_button" style="border:1px solid black; padding:20px;">Copy To Clipboard</div>
<script language="JavaScript">
var clip = new ZeroClipboard.Client();
var myTextToCopy = "Hi, this is the text to copy!";
clip.setText( myTextToCopy );
clip.glue( 'd_clip_button' );
</script>
</body>
</html>

需要说明的有几点,

  1. 这几行代码的顺序很重要,如果顺序弄错不会有效果的。依次为镶入javascript、显示按钮的html代码、javascript对按钮进行设置。
  2. 注意js和swf的路径,如果弄错搞混肯定会失败
  3. 官网的演示使用onload初始化,不建议那种方法,使用上面的格式即可

13 thoughts to “CopyToFriends 1.1 for Z-Blog1.8 复制文章标题和链接”

  1. 请问您站立防垃圾网站的的这个验证码怎么弄的,我的也是因为垃圾留言太多,不得不关闭留言,我的网站是http://lun.li/(伦理),请指点一下

回复 思想汇报 取消回复

您的电子邮箱地址不会被公开。 必填项已用*标注