[如果你想获得一件从未拥有的东西,就得做一件从未干过的事情。]
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()}
点击复制按钮后,会弹出对话框(内容也是可以修改的),
说明复制成功,这是剪贴板就会有相应的内容了。