RunCode
A plugin for WordPress, which can be used to show your code and run html,css,javascript code in a textarea.
-
AuthorSunshow,contact address:sunshow@gmail.com.
-
Plugin URL
-
FeaturesAdds a textarea to run your code(html/css/javascript).
-
Change Logv1.0.1
Fix the wrong archive.v1.0
Add multi-language support.
Add new feature: copy to clipboard. -
Download
-
Usage<runcode>
<script>
window.alert("Hello world!");
</script>
<p>You can change the code before run.</p>
</runcode> -
Demo
提示：你可以先修改部分代码再运行。
-
AdditionalYou can define your own css, like below:.runcode_text {
height: 120px;
width: 90%;
}
.runcode_button {
border: 1px solid #8E9CAE;
}
以下为中文说明
RunCode - 运行代码插件
为WordPress增加运行Html/CSS/Javascript代码的功能.
-
作者Sunshow, sunshow@gmail.com.
-
插件地址
-
功能增加一个文本框用来运行代码(html/css/javascript).
-
更新日志v1.0.1
修复错误的压缩包格式。v1.0
添加多语言支持。
新功能：复制到剪贴板。 -
下载
-
使用方法<runcode>
<script>
window.alert("Hello world!");
</script>
<p>You can change the code before run.</p>
</runcode> -
演示
提示：你可以先修改部分代码再运行。
-
更多信息你可以自由定义样式，例如:.runcode_text {
height: 120px;
width: 90%;
}
.runcode_button {
border: 1px solid #8E9CAE;
}
相关日志
考过来后，怎么在你这里都正常了？
生成的html在每行的后面都加了？
是指加了什么东西
你的代码好长……
正需要这样的插件，谢谢啦~！
发现这个插件有BUG。
我输入如下代码：
body {margin-top:100px;}
#login_b {width:200px;height:220px;background:#000;-moz-opacity:0.2; filter:alpha(opacity=15);margin:-30px 0 0 500px; position:absolute;}
#login_t { z-index:10;border:1px solid #006699;width:200px;height:220px;background:#FFF;margin:-35px 0 0 495px; position:absolute;}
#info{ background:#0099CC; height:155px; width:800px;}
介绍
登录
用插件之后，会自动在“介绍”后面加上一个，然后效果就全被破坏了。。。
插件已更新，欢迎测试
还是有问题……
我使用新插件之后，发现runcode中的汉字变成乱码了。
我用的编码是UTF-8……
好了。。。一个低级失误
现在正常了……
不过，我发现了一个可以改进的地方。
如果代码较多，在Firefox下runcode会有横向滚动条。
通常情况下，还是不出现横向滚动条比较好。
如果用Windows Live Writer之类的编辑源代码，标签将会被过滤掉，里面的代码将会原样显示出来，但如果用wordpress自带的编辑器，里面代码中部分双引号“"”会变成“\"”
如果用Windows Live Writer之类的编辑源代码，%lt;runcode>标签将会被过滤掉，里面的代码将会原样显示出来，但如果用wordpress自带的编辑器，里面代码中部分双引号"会变成\"输出
用所见即所得编辑器就这样，跟插件无关
部分双引号？能提供例子吗
"提示：您可以先修改部分代码再运行"这几个字还是乱码.....
把runcode.php保存为utf-8编码试试
您网页的编码对吗？
使用方法：
++RunCode_BLOCK_zGmLRP++
弱弱的请教一句，这句是啥意思？？？
在哪儿使用？？
不好意思，升级完wp2.5之后和coolcode标签嵌套使用时出了点小问题，一直没发现，现在好了。
[runcode]
[/runcode]
这个的话……
你自己试试吧……
成白的了？
这个白的部分为:
＜？ＰＨＰ
ＥＣＨＯ “Hi, I’m a PHP script!”;
？＞
把[runcode]
＜？ＰＨＰ
ＥＣＨＯ "Hi, I'm a PHP script!";
？＞
[/runcode]
这样会过滤掉?
这一点我搞错了,不好意思……
呵呵 ~~~
只能是过滤，不然就完蛋了……
我开始理解为修改代码后再运行就还是显示PHP的代码呢……
谢谢你的关注……
测试一下
test code seems cool thanks
css 能不能用
方式使用？
如果要发代码请用coolcode标签，参考底下的提示
很有用的插件，本来想把功能代码写到php中的，没想到一搜索就到了这里。真是感谢。
问题1：html头部信息好像有问题哦。。
就是
这一部分。
运行后把那一行直接给显示到页面当中。
给你以下地址：
http://bukdu.shworks.com/wordpress/107
问题2： 别的语言怎么加？我把runcode-zh_CN.po里的中文全改成韩国语另存为runcode-ko_KR.po
runcode-zh_CN.mo这个文件无法打开。所以直接复制一个文件名改成runcode-ko_KR.mo。
然后上传。结果没反应。不知怎么弄? 拜托！！俺是中国人。。嘿嘿。
那一部分被隐藏啦。。就是【!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"】这一部分。
你需要使用专门的poEdit来生成mo文件
po是源文件
html头部信息不知道你指的是什么，发代码用coolcode标签
很好用的插件～！
PHP标签是WordPress自动过滤的，另外该插件只能运行JS代码
先谢谢你的留言。
我也知道是< !DOCTYPE，尖括号和叹号之间的空格是个问题。
但输入的时候把那个空格删掉，输出结果还是那个样子。自己加个空格。
测试: