给blog加上运行代码功能

192 阅读 0 评论 127 点赞

我是靠谱客的博主开放小松鼠，最近开发中收集的这篇文章主要介绍给blog加上运行代码功能，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

在和尚那里看到他给z-blog加上了运行代码功能，放了几天假，有些怕怕再这样闲下去会生锈的，在补了一个半小时的觉之后，也给blog加上运行功能，因为是从L-Blog修改而来，因此同样适用于L-Blog，另外，FBS也是L-Blog修改而来，应该也可以使用本文中的方法来添加运行代码功能。另外，由于复制代码和保存代码还没有找到兼容各浏览器的解决方法，就没有加进来了。
示例：
步骤如下：
1. 在 include/common.js 中添加如下代码：

复制代码代码如下:

 
function runCode(codeobjid)  { 
    var codeobj=document.getElementById(codeobjid) 
    var codestr=codeobj.value; 
    if (codestr!="") { 
        var codewin=window.open('','','');   
        codewin.document.open('text/html','replace'); 
        codewin.opener = null  
        codewin.document.write(codestr);   
        codewin.document.close(); 
    } 

}
2. 在 include/ubbcode.asp 中找到 strContent=re.Replace(strContent,"【code】")（把【】换成[]），在此之后添加如下代码：
L-Blog：

复制代码代码如下:

 
re.Pattern="\[html\](<br>)+" 
strContent=re.Replace(strContent,"【html】") 

FBS：

复制代码代码如下:

 
re.Pattern="\[html\](<br />)+" 
strContent=re.Replace(strContent,"【html】") 

再找到 re.Pattern="\[code\](.*?)\[\/code\]"，然后在段代码的 Set strMatches=Nothing 之后添加如下代码：

复制代码代码如下:

 
re.Pattern="\[html\](.*?)\[\/html\]" 
Set strMatches=re.Execute(strContent) 
For Each strMatch In strMatches 
    RNDStr=Int(7999 * Rnd + 2000) 
    tmpStr1=strMatch.SubMatches(0) 
    strContent= Replace(strContent,strMatch.Value,"<textarea rows=""10"" "_ 
&"style=""width:90%;"" class=""input_border"" id=""HTML_"&RNDStr&""">"_ 
&tmpStr1&"</textarea><br />"_ 
&"<input type=""button"" onclick=""runCode('HTML_"&RNDStr&"');"" value=""运行代码"" />"_ 
&" [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]") 
Next 

Set strMatches=Nothing
3. 修改完成，在发表日志时就可以使用【html】要运行的代码【/html】（将【】替换成[]）来使用运行代码功能。