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. 没有图片

    2011.10.12

    博客添加jQuery页面载入进度条

    今天花生给博客添加了页面载入进度条,普通的页…

  2. 没有图片

    2011.04.15

    WordPress日志置顶方法及添加置顶图片标志

    WordPress不知道从哪个版本已经自带了…

  3. 没有图片

    2009.09.27

    WordPress反垃圾评论插件 wp imgcode

    当我的Wordpress博客开始受大家关注的…

  4. 没有图片

    2010.03.25

    四款Favicon图标在线制作站点

    今天突然发现自己一个网站居然还没有Favic…

  5. 2014.03.18

    WP盒子原创WordPress博客主题 WPBox-One V1.0.1 发布

    WPBOX-One WordPress主题,…

  6. 没有图片

    2011.04.04

    给你的页面添加返回顶部按钮

    大家应该都经历过,优秀的网页都会给人一个良好…

评论

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

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

  2. 菠萝 2009.09.27 1:51上午

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

  3. 万戈 2009.09.26 9:35下午

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

About

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