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 提供了一些函数，很有应用价值，但这里不一一赘述。建议有兴趣的朋友去参考官网上的说明和教程，网上搜来的教程很没用。

下面是最简单的实例：

1
<html>
2
  <body>
3
    <script type="text/javascript" src="ZeroClipboard.js"></script>
4

5
    <div id="d_clip_button" style="border:1px solid black; padding:20px;">Copy To Clipboard</div>
6

7
    <script language="JavaScript">
8
      var clip = new ZeroClipboard.Client();
9

10
      var myTextToCopy = "Hi, this is the text to copy!";
11

12
      clip.setText(myTextToCopy);
13

14
      clip.glue("d_clip_button");
15
    </script>
16
  </body>
17
</html>

需要说明的有几点，

1
- 这几行代码的顺序很重要，如果顺序弄错不会有效果的。依次为镶入 javascript、显示按钮的 html 代码、javascript 对按钮进行设置。
2

3
- 注意 js 和 swf 的路径，如果弄错搞混肯定会失败
4

5
- 官网的演示使用 onload 初始化，不建议那种方法，使用上面的格式即可