WordPress 不用插件实现运行代码框(转)

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

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、演示:




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

落花生

认准了方向,就要勇敢地走下去,十年磨一剑,我相信,只要坚持,一切都有可能。

相关日志

  1. 没有图片

    2010.09.27

    微软安全软件 Microsoft Security Essentials

    通过正版验证的Windows电脑用户,可以免…

  2. 没有图片

    2011.04.20

    WordPress默认评论样式CSS类

    今天折腾了一下博客的评论CSS,其实Word…

  3. 没有图片

    2009.12.08

    几大免费PHP类CMS性能测评报告(图片)

    近来网站进行全新改版,因为几个管理员对网站的…

  4. 没有图片

    2013.08.28

    WordPress主题 NewsPlus 安装使用教程

    很多朋友都在使用我发布的原版汉化作品 New…

  5. 没有图片

    2013.05.08

    自定义WordPress后台管理侧栏菜单

    现在大家都在使用WordPress给客户设计…

  6. 没有图片

    2011.03.14

    DedeCMS 5.7 正式版发布

    一直是用DedeCMS 5.6给客户设计网站…

评论

  1. 我心疯狂 2009.09.27 9:57上午

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

  2. 菠萝 2009.09.27 1:51上午

    @万戈
    哈哈,以后你还要多给我们提供好东西!

  3. 万戈 2009.09.26 9:35下午

    呵呵,完全理解,欢迎转载

About

马拉松运动员,沉迷于跑步;关注科技前沿,关注互联网!与跑者、程序员、设计师为伍,一起跑步健身,一起编写程序,为自由而战!