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

    2009.07.05

    WordPress 2.8 兼容的风格列表

    随着Wordpress 2.8版本的发布,很…

  2. 没有图片

    2009.11.09

    Twitter回来了!

    无论大陆怎么封,我们这些小站长们对Twitt…

  3. 没有图片

    2010.07.30

    WordPress 3.0.1正式版发布

    今日登陆后台发现WordPress 3.0.…

  4. 没有图片

    2013.12.23

    小红伞 杀毒软件永远的经典

    其实说起来杀毒,已经很早就和国内外各大杀毒软…

  5. 没有图片

    2011.11.23

    亚马逊广告联盟注册使用教程

    亚马逊广告联盟已经进驻中国,这应该说是中国站…

评论

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

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

  2. 菠萝 2009.09.27 1:51上午

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

  3. 万戈 2009.09.26 9:35下午

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