23: nov; 2007

[JavaScript] 给blog加上运行代码功能

05:52

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

示例：

运行代码之后打开一个新窗口显示这段文本

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

步骤如下：

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