使用CodeColorer语法荧光笔复制剪贴板

好的，这是一些我用来将副本添加到剪贴板的代码，此博客上的代码段。 这是继jQuery复制剪贴板4个选项后的帖子，其中有一些选项。 此示例在此页面上。 此选项使用“零剪贴板”插件和SWF文件在单击时完成复制到剪贴板的操作。

1：添加CodeColorer插件

添加CodeColorer WordPress插件 （+配置显示设置–配色方案等。）

2：添加ZeroClipboard插件

将ZeroClipboard插件添加到您的页面。
ZeroClipboard.min.js

3：设置ZeroClipboard插件

使用Code Colorer生成的HTML标签。

ZeroClipboard.setMoviePath("http://" + window.location.hostname + "/files/ZeroClipboard.swf");
a(".copy").mouseover(function () {
    var b = a(this).parents(".codecolorer-container:first").find(".codecolorer:first").text();
    clip = new ZeroClipboard.Client;
    clip.setHandCursor(!0);
    clip.setText(b);
    clip.glue(this);
    var c = a(this);
    clip.addEventListener("complete", function () {
        c.text("copied!").fadeIn("slow")
    })
});

4：将副本添加到剪贴板

将“复制到剪贴板”按钮附加到页面上的所有代码段。

a(".codecolorer-container").each(function (b) {
    a(this).prepend('
  
  
 
   
   Plain 
   
   Copy 
  
  
');
    a(this).attr("id",
        "d_clip_container_" + b)
});
a(".codecolorer-container").on("mouseenter", function () {
    a(this).find("a").addClass("showactive")
}).on("mouseleave", function () {
    a(this).find("a").removeClass("showactive")
});

5 ：（可选）以纯文本格式（原始）添加视图

a(".codecolorer-container a.plain").live("click", function () {
    console.log("copy to plain..");
    var b = a(this).parents(".codecolorer-container:first").find(".codecolorer:first").text();
    this._Window = window.open("", "jQuery4u Code Snippet", "location=0,status=0,toolbar=0,dependent=1,resizable=1,menubar=0,screenX=100,screenY=100,width=600,height=400");
    this._Window.document.write("");
    this._Window.document.write("");
    this._Window.document.write("
  
   
   
    
     <code>" +
        b + "</code> 
   
   
  
");

    this._Window.document.write("");

    this._Window.document.write("")

})

ror.insertAfter(element);

}});

From: https://www.sitepoint.com/copy-clipboard-codecolorer-syntax-highlighter/