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

    Discuz 7.2 与 Firefox 3.6.X 不兼容解决办法

    当Discuz! 7.2 论坛升级到7.2版…

  2. 没有图片

    2012.08.16

    自适应网页设计原理分析(Responsive Web Design)转

    移动设备正超过桌面设备,成为访问互联网的最常…

  3. 没有图片

    2009.09.09

    关于Google Checkout

    今天打开一个英文站 Mylife ,在浏览这…

  4. 没有图片

    2011.04.24

    WordPress团购主题插件Group Deals plugin

    现在非常流行团购,很多团购代码也应运而生,但…

  5. 2014.03.27

    优秀的 HTML 和 CSS 代码规范

    HTML 语法 用两个空格来代替制表符(ta…

  6. 2013.03.13

    WordPress淘宝客主题: xTaoBaoKe [已升级至3.0]

    本来很早就已经发布了款多配色主题 xColo…

评论

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

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

  2. 菠萝 2009.09.27 1:51上午

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

  3. 万戈 2009.09.26 9:35下午

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