RunCode - plugin to show your code

RunCode

A plugin for WordPress, which can be used to show your code and run html,css,javascript code in a textarea.

  • Author
    Sunshow,contact address:sunshow@gmail.com.
  • Plugin URL
  • Features
    Adds a textarea to run your code(html/css/javascript).
  • Change Log
    v1.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

    提示:你可以先修改部分代码再运行。

  • Additional
    You 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;
    }
标签:, , , , , ,

Relatd Posts:

RunCode - plugin to show your code》上有32条评论

  1. Sunshow 文章作者

    生成的html在每行的后面都加了?
    是指加了什么东西
    你的代码好长……

  2. 火德

    发现这个插件有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;}

    介绍
    登录

    用插件之后,会自动在“介绍”后面加上一个,然后效果就全被破坏了。。。

  3. 火德

    还是有问题……
    我使用新插件之后,发现runcode中的汉字变成乱码了。
    我用的编码是UTF-8……

  4. 火德

    现在正常了……
    不过,我发现了一个可以改进的地方。
    如果代码较多,在Firefox下runcode会有横向滚动条。
    通常情况下,还是不出现横向滚动条比较好。

  5. scotcn

    如果用Windows Live Writer之类的编辑源代码,标签将会被过滤掉,里面的代码将会原样显示出来,但如果用wordpress自带的编辑器,里面代码中部分双引号“"”会变成“\"”

  6. scotcn

    如果用Windows Live Writer之类的编辑源代码,%lt;runcode>标签将会被过滤掉,里面的代码将会原样显示出来,但如果用wordpress自带的编辑器,里面代码中部分双引号"会变成\"输出

  7. Sunshow 文章作者

    用所见即所得编辑器就这样,跟插件无关

    部分双引号?能提供例子吗

  8. WEBLOG

    使用方法:

    ++RunCode_BLOCK_zGmLRP++

    弱弱的请教一句,这句是啥意思???
    在哪儿使用??

    1. Sunshow 文章作者

      不好意思,升级完wp2.5之后和coolcode标签嵌套使用时出了点小问题,一直没发现,现在好了。

  9. WEBLOG

    [runcode]

    [/runcode]
    这个的话……
    你自己试试吧……
    成白的了?

    1. WEBLOG

      这个白的部分为:
      <?PHP
      ECHO “Hi, I’m a PHP script!”;
      ?>

  10. WEBLOG

    把[runcode]
    <?PHP
    ECHO "Hi, I'm a PHP script!";
    ?>
    [/runcode]
    这样会过滤掉?

    1. WEBLOG

      这一点我搞错了,不好意思……
      呵呵 ~~~
      只能是过滤,不然就完蛋了……

      我开始理解为修改代码后再运行就还是显示PHP的代码呢……

    2. Sunshow 文章作者

      PHP标签是WordPress自动过滤的,另外该插件只能运行JS代码

  11. 菠菜

    很有用的插件,本来想把功能代码写到php中的,没想到一搜索就到了这里。真是感谢。

  12. gum

    问题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。
    然后上传。结果没反应。不知怎么弄? 拜托!!俺是中国人。。嘿嘿。

    1. gum

      那一部分被隐藏啦。。就是【!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"】这一部分。

    2. Sunshow 文章作者

      你需要使用专门的poEdit来生成mo文件
      po是源文件

      html头部信息不知道你指的是什么,发代码用coolcode标签

    3. gum

      先谢谢你的留言。
      我也知道是< !DOCTYPE,尖括号和叹号之间的空格是个问题。
      但输入的时候把那个空格删掉,输出结果还是那个样子。自己加个空格。

      测试:

评论已关闭。