给文章增加“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();
}
}
}
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
<?xml version="1.0"
encoding="gb2312"?>
<root>
<!-- 这是一段注释 -->
<elements>
<nameid="Component">
Zhenyulu
</name>
<url>
http://www.cnblogs.com/zhenyulu
</url>
</elements>
</root>
<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(/ /g," ");
str = str.replace(/>/g,">");
str = str.replace(/</g,"<");
str = str.replace(/&/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>
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(/ /g," ");
str = str.replace(/>/g,">");
str = str.replace(/</g,"<");
str = str.replace(/&/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:
