本来就想找个实现代码运行的插件,感觉都不太好用,其实也不想装那么多插件了,博客都慢的要死,万戈在博客上提供了不用插件实现代码运行框,很适合我,为了方便以后使用,转藏到我这里,希望万戈理解。

1、点此下载 run-code-OL.js 文件,解压并上传至服务器。

2、在 WordPress 日志中插入以下代码:

<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>

3、在运行代码框中默认显示的代码添加在<textarea></textarea>之间即可。

4、演示:

提示:您可以先修改部分代码再运行

转载请注明:菠萝筐 » WordPress 不用插件实现运行代码框(转)

相关文章

3访客评论

  1. 恩!这个不错哦,收藏下来先

    我心疯狂09-27 09:57 回复
  2. @万戈
    哈哈,以后你还要多给我们提供好东西!

    菠萝09-27 01:51 回复
  3. 呵呵,完全理解,欢迎转载

    万戈09-26 21:35 回复

我来说说

(必须)

(必须,保密)

相信,您的评论一针见血!
取消