zeroclipboard无法正常使用的解决办法

我在网页里使用了CKEDITOR和zeroclipboard

 

调试了很久，发现只要调用了CKEDITOR那么zeroclipboard就出现异常，没有报错信息，后来发现是“复制”按钮上方覆盖的flash位置不对，点“复制”按钮时，并没有点到flash按钮，错位了。

 

在解决的过程中，使用了很多版本的zeroclipboard，并且在网上找了很多代码，最后发现，不同版本的zeroclipboard，调用代码时的语法都不一样，在js控制台很容易报错。

最后解决办法的方法很简单：

我的网页中有多个“复制”按钮，分别对应复制不同的文本。其实这个需求使用最新版本的zeroclipboard很容易就能解决，并且不存在flash定位出错的情况。

参考资料：https://github.com/zeroclipboard/zeroclipboard/blob/master/docs/instructions.md

这是zeroclipboardv2.x  的，最新的，也很好用。它的语法和旧版不一样。

http://zeroclipboard.org/index-v2.x.html   这里是官方的主页，可以下载。

 

<script type="text/javascript" src="ZeroClipboard.js"></script>

<div id="abcc" class="demo">  
    <blockquote id="copytext" name="codeiframe" rows="5" cols="60">j啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</blockquote>  
    <input type="button" value="" id="copy" class="copy"  data-clipboard-target="copytext"/>  
<input type="text" value="2222222222222222" id="text2"/>
<input type="button" value="复制2" id="copy2" class="copy" data-clipboard-target="text2" />  
</div>  


<script type="text/javascript">

    $(function () {
        $(".copy").each(function () {
            ZeroClipboard.config( { swfPath: 'ZeroClipboard.swf' } );
            var clipp =  new ZeroClipboard( $('.copy') );
            });
    });

var oEditor = CKEDITOR.replace('TYlists.Content', {
    extraPlugins: 'autogrow',
    autoGrow_maxHeight: 1000
});
    
        </script>
</div>