cs使用zclip實現前端複製到剪貼板的功能

[如果你想獲得一件從未擁有的東西，就得做一件從未乾過的事情。]

1.首先使用的插件是jquery的zclip剪貼板插件，可以從官網下載得到。

在config文件中加入如下一行，'vendor/scripts/jquery.zclip.js'，

並將jquery.zclip.js和壓縮文件都拷至vendor/scripts/路徑下，

將ZeroClipboard.swf拷至app/assets/images/路徑下。至此，準備工

作已經完成。

2.前端html代碼如下：

<div class="control-group">
     <label class="control-label">html代碼</label>
     <a id="copy" class="btn btn-primary pull-right">複製</a>
     <div class="controls code">
         <textarea type="text" rows="1" class="span11"></textarea>
     </div>
</div>

靜態頁面如下圖的紅框中所示：

3.需要實現的功能就是點擊複製按鈕，可將input框裏的內容複製到剪貼板，

以便粘貼到別的地方。

view中的代碼如下：

@$('a#copy').zclip {path:'/images/ZeroClipboard.swf', copy:@$('input.code').val()}

{}中的copy字段對應的就是需要複製內容的地方。

點擊複製按鈕後，會彈出對話框（內容也是可以修改的），

說明覆製成功，這是剪貼板就會有相應的內容了。