给文章增加“Copy Code”功能

上一篇 / 下一篇  2008-06-15 19:20:56 / 个人分类:转载


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

测试用程序:

程序1
usingSystem;
usingSystem.Collections.Generic;
usingSystem.Text;

namespaceConsoleApplication2
{
   classProgram
    {
       staticvoidMain(string[] args)
        {
            Console.Write("Please Input Some Words:");
           stringinputData = Console.ReadLine();
            Console.WriteLine(inputData);
            Console.Read();
        }
    }
}

测试用XML:

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

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

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

HTMLElement.prototype.innerHTML getter =function(){
  returngetInnerHTML(this);
}
/*]]>*/
</script>
<script. language="javascript">
functionCopyCode(key)
{
 vardivElements = document.getElementsByTagName("div");
 vari;
  ccur = 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++;
    }
  }
}
functionHtml2Txt(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,"&");
 returnstr;
}


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

</script>

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


TAG:

 

评分:0

我来说两句

显示全部

:loveliness: :handshake :victory: :funk: :time: :kiss: :call: :hug: :lol :'( :Q :L ;P :$ :P :o :@ :D :( :)

Open Toolbar