给文章增加“Copy Code”功能

为了今后随笔中所带的代码更具特色一些，特给代码格式来个“Copy Code”功能，允许直接将代码内容拷贝到剪贴板上。

测试用程序：

Copy Code

程序1

using System;
using System.Collections.Generic;
using System.Text;

namespace ConsoleApplication2
{
    class Program
    {
        static void Main( string[] args)
        {
            Console.Write( "Please Input Some Words:");
            string inputData = Console.ReadLine();
            Console.WriteLine(inputData);
            Console.Read();
        }
    }
}

测试用XML：

Copy Code

XML

<?xml version="1.0" encoding="gb2312"?>
< root >
    <!-- 这是一段注释 -->
    < elements >
        < name id= "Component" >
            Zhenyulu
        </ name >
        < url >
            http://www.cnblogs.com/zhenyulu
        </ url >
    </ elements >
</ root >

感谢大家的帮助，我对CopyCode功能又改进了一番，终于可以在IE和FireFox下都可以拷贝代码到剪贴板上了。将文中用到的JavaScrip代码贴上来供大家参考：

Copy Code

程序

<script type= "text/javascript"> /*<![CDATA[*/
if(typeof(HTMLElement)!= "undefined" && !window.opera)
{
  HTMLElement.prototype.__defineGetter__("parentElement", function () 
  {
    if ( this.parentNode == this.ownerDocument) return null;
    return this.parentNode;
  });
}

HTMLElement.prototype.innerHTML getter = function(){
   return getInnerHTML( this);
}
/*]]>*/
</script>
<script language= "javascript">
function CopyCode(key)
{
  var divElements = document.getElementsByTagName( "div");
  var i;
  occur = 0;  
  for(i = 0; i < divElements.length; ++i)
  {
    if(key.parentElement.parentElement.parentElement == divElements[i].parentElement)
    {
      if(occur == 1)
      {
        if(navigator.appName.indexOf( 'Microsoft') != -1)
          copyToClipboard(divElements[i].innerText);
        else
          copyToClipboard(Html2Txt(divElements[i].innerHTML));
      }
      occur++;
    }
  }
}
function Html2Txt(htmlText)
{
  str = htmlText.replace(/\r\n/g, " ");
  str = str.replace(/\r/g, " "); 
  str = str.replace(/\n/g, " "); 
  str = str.replace(/\t/g, "");
  str = str.replace(/<BR>/gi,"\r\n");
  str = str.replace(/<[^>]+?>/g,"");
  str = str.replace(/&nbsp;/g, " ");
  str = str.replace(/&gt;/g, ">");
  str = str.replace(/&lt;/g, "<");
  str = str.replace(/&amp;/g, "&");
  return str;
}

function copyToClipboard(txt)
{
  if(window.clipboardData) 
  {
    window.clipboardData.clearData();
    window.clipboardData.setData("Text", txt);
  }
  else if(navigator.userAgent.indexOf( "Opera") != -1) 
  {
    window.location = txt;
  } 
  else if (window.netscape) 
  {
    try 
    {
      netscape.security.PrivilegeManager.enablePrivilege( "UniversalXPConnect");
    } 
    catch (e) 
    {
      alert( "您的firefox安全限制限制您进行剪贴板操作，请在地址栏中输入“about:config”将“signed.applets.codebase_principal_support”设置为“true”之后重试");
      return false;
    }
    var clip = Components.classes[ '@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard);
    if (!clip)
      return;
    var trans = Components.classes[ '@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable);
    if (!trans)
      return;
    trans.addDataFlavor( 'text/unicode');
    var str = new Object();
    var len = new Object();
    var str = Components.classes[ "@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);
    var copytext = txt;
    str.data = copytext;
    trans.setTransferData( "text/unicode",str,copytext.length*2);
    var clipid = Components.interfaces.nsIClipboard;
    if (!clip)
      return false;
    clip.setData(trans, null,clipid.kGlobalClipboard);
  }
} 
</script>

注意：在FireFox中我们可以使用“innerContent”属性读取文本内容，它同IE浏览器中的innerText属性是相对应的。但是实际出来的效果非常差劲，所以我干脆自己给FireFox实现innerText功能。在上面代码中分两步走：1）扩展HTMLElement属性，提供innerHTML属性。2）根据innerHTML读取到的信息去掉不必要标记内容，整理成文本信息。（就是Html2Txt函数）

由于本人对JavaScript并不是很在行，所以上面代码如果有什么问题还望不吝赐教。

在此，感谢asdf[未登录]、Jeffrey Zhao、luaiping、高海东对完善本文代码的帮助！