WordPress非插件实现运行代码/复制代码框

这个方法并不是本人原创,但是网上信息转来转去,也查不到源头在哪里了,只是听有人说起是万戈写的,大概是那位神吧,呵呵。

方法其实并不难:

第一步:下载 run-code-OL.js 文件,上传至服务器。

第二步:

在theme文件夹的functions.php的适当位置插入如下代码:

1
2
3
4
5
6
7
8
9
10
11
<script src=“保存 run-code-OL.js 的地址” type=“text/javascript” charset=“utf-8></script>
<form>
<div align=“center”>
<textarea id=“code” style=“width:555px;height:255px;” cols=80″ rows=15></textarea>
<br />
<input type=“button”onclick=runCode(code) value=“运行代码” style=“border:1px solid #B1B4CD;background:#696D81;color:#FFF; padding-top:5px;”>
<input type=“button”onclick=copycode(code) style=“border:1px solid #B1B4CD;background:#696D81;color:#FFF; padding-top:5px;”value=“复制代码” onclick=“copycode(runcode3)”>
<input type=“button”onclick=saveCode(code) style=“border:1px solid #B1B4CD;background:#696D81;color:#FFF; padding-top:5px;”value=“另存代码” onclick=“saveCode(runcode3)”>
提示:您可以先修改部分代码再运行 </div>
</form>
<br>

第三步:在文章页将需要运行的代码插入[ code][/ code]之间。 (注意不是< code >< / code> )

DEMO:
[code]你要运行的代码[/code]