和代码接触多了,难免需要在技术类文章中插入一些代码,但是这并不能满足所有的需求,如果能在 WordPress 中运行代码,那就更直观,更完美了,网上已经有个名为 runcode 的插件诞生,抱着能用代码搞定的就绝不用插件解决的精神,我自己研发了一种免插件的运行代码框,且这个方法支持在 Firefox 和 IE 等各版本浏览器,可以放心使用。自己动手,其乐无穷,下面就跟着我来试试吧。
1、点此下载 run-code-OL.js 文件,解压并上传至服务器。
2、在 WordPress 日志中插入以下代码:
<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>之间即可。
请看演示:
此方法万戈原创,如有雷同,纯属巧合。


目前都是在wlw下编辑
以前在别的站见过
太忽悠人了。咋一看标题,还以为是允许WordPress代码呢,心想,PHP也能在线运行了?进来一看,原来是弹出一个窗口跑HTML和JS 啊。。。。
PHP也有在线运行测试的,但是有很多限制
万戈···WORDPRESS专门户,哈哈···太感动了,每次我要搞一些关玩WORDPRESS的东西时,总在你这里找得到相当资料!赞一个!
呵呵,能对你有用就好
真可爱的功能……
刚用WP 没看明白 非常希望站长能指点一下 这个第二步 WP日志在哪里啊?》
你可以在WP后台添加新日志
谢谢 搞明白了 刚才是直接复制你的代码测试的 无意侵犯你版权 只是测试一下 马上把那文章删除。
你的博客技术含量非常高 我以后常来
不用客气,欢迎转载啊,呵呵
也欢迎你常来~
还有个问题 就是第二步
2、在 WordPress 日志中插入以下代码:
提示:您可以先修改部分代码再运行
本来是要以文本形式显示 ,可发帖后他还是把他当代码运行了 所以出了两个运行框 怎么能把这些代码以文本方式显示,而不让他们运行呢
你可以使用代码高亮插件来显示PHP、HTML、CSS等日志中的代码
能否推荐一下 贵站现在用的是哪个代码高亮插件。谢谢
你可以看一下这篇文章:http://wange.im/wordpress-code-without-plugins.html
hoho,收藏了
多些博主啊!很实用!
这个功能很好用,看到很多博客都有这样的设置,不错
挺有用的,谢谢分享~~
我JS还不懂呢。。。
我也不是很懂JS,只是现学现卖而已
不错啊。。。万戈越来越牛了。。。
呵呵,过奖了,只是引用了一段代码框的JS罢了
这个有插件版吗?
论坛和博客的差别越来越小
有啊,看到过,只是我忘记这个插件叫什么名字了
这东西使用。我正在找
那个 运行的 代码 也是 楼主 研发的吗 ,哈哈 厉害!
你说代码运行框里的?那是我从网上借来的,嘿嘿,只是做个演示
呵呵.
呵呵,谢谢关注哈,我看有必要加个“收藏本站”的链接去,哈哈
wowow
这正是我想要的! 感谢您八辈儿祖宗啊
我替八辈儿祖宗向你表示不客气
我转了你的这篇文章,和你说一声,主要是为了以后查找方便。谢谢!
不客气的,随意转
wordpress不支持上传文件的,你是如何实现上传文件并提供下载的?插件还是。。。
我用FTP的,不需要什么插件啊
这个很帅,很早就想找个这东西,收藏了。
这方法贼好呢。
看错了,以为你说这方法好贼呢,自己汗一个
这个功能好啊,正需要呢。
哇哇,几天没来,这里又好多好多好玩的东东啊
还是比较简单的方法~
我也写过一个,只能在ie下用,后来找不到了。。。
要兼容firefox不难的,只要在最外层套个尖括号form尖括号就可以
这个在蓝色理想中很久前就有了,不过还是来支持一下
看来我的想法比人落后一步啊,闭门造车的后果。。。
不过自己能弄出来还是很牛X的啊
我倒是对你的代码框里的这段感兴趣
嘿嘿,这是本文隐藏的另一个亮点,本来打算在下一篇文章中介绍的
rss输出有问题。
大哥,能不能具体描述一下是什么问题,RSS输出已经困扰我好久了
我的意思是rss和你的页面显示的不一样。。。
原来如此。。。
估计我的JS用的是相对路径,RSS输出后找不到原址了吧
只是HTML代码啦
哈哈
虽然对我没啥用,不过还是个不错的东西
这个要支持,我用的到~
谢谢支持,这是在我毫无目的性的思绪下突然想到的
FF复制代码按钮失效,有种swf触发的方式可以解决所有浏览器
演示看不出什么效果呢?
哦?卢哥用的是什么浏览器呀?点击运行代码无效吗?
复制代码和另存代码都不能用,我在chrome和opera下试的
恩,复制代码在FF下确实不行,但在IE下可行
要试试的,以后可能有用
顺便帮忙测试下哈,看有什么bug
恩恩,越来越强大叻,来学习下
嘿嘿,欢迎欢迎,顺便帮我测试下哈,谢谢啊~