WordPress运行代码插件RunCode by Soncy

    蓝色理想上一直看到可以直接运行HTML/Javascript代码的文本框,觉得很实用,今天也想给博客加一下。搜了一下,WordPress RunCode插件能实现需要的功能。但到WordPress插件中心搜了一下,WordPress RunCode插件到2008年就停止更新了而且最高支持2.6.2,同时发现了RunCode by Soncy这个插件,到主页看了方知是WordPress RunCode插件改进而来。因而就它了。



    使用方法也很简单,在文章编辑界面HTML模式下使用[runcode][/runcode]标签或<runcode></runcode>标签,标签中间内容便是要运行的HTML/Javascript/CSS代码,标签支持height、width、size属性(都是数字),分别对应文本框的高度、宽度和字体大小,缺省为auto。具体例子请看插件作者的文章《wordpress插件 runcode soncy修改版

    使用实例:

    [runcode width="600" height="100" size="12"]<script>alert('Hello, World!');</script>[runcode]

    效果如下

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

    使用时发现该插件老是自作主张地把代码中的空行去掉,代码长了很难阅读,修改了一下插件代码。把runcode.php文件中的第246行注释掉,如下:

    //$code = preg_replace("/(\s*?\r?\n\s*?)+/", "\n", $code);

    这样插件便不会替换空行了。插件修改后的效果参见《Javascript基础知识测试》。

    另外,有同学说设置>撰写选项>格式化>WordPress 自动校正错误的 XHTML 代码 功能打钩也会造成RunCode显示异常,如代码<!DOCTYPE的<后会增加空格,具体参见《解决runcode插件的问题》。这里建议不使用 WordPress 自动校正错误的 XHTML 代码 功能。

    插件下载地址:wordpress插件下载中心



    本博客所有文章如无特别注明均为原创。
    复制或转载请以超链接形式注明转自枫芸志,原文地址《WordPress运行代码插件RunCode by Soncy
    标签:
    分享:

已经有12 条评论抢在你前面了~

  1. 沙发
    shui 2013年9月21日 上午11:34

    去掉括号。。。。 runcode width=”890″ height=”850″ size=”12″>Hello Word!

    [回复]

    晴枫

    晴枫 回复:

    @shui, 更新了一下文章,你看一下

    [回复]

  2. 板凳
    shui 2013年9月21日 上午11:29

    博主,这个文本框的height、width、size值怎么写。[runcode][/runcode]写在哪?。

    [回复]

    shui 回复:

    @shui, 类似“Hello Word!”在本地测试的时候么有反应

    [回复]

    晴枫

    晴枫 回复:

    @shui, 更新了一下文章,你看一下

    [回复]

  3. 地板
    akseries 2011年11月28日 下午12:42

    这个对代码站来说太好用了

    [回复]

  4. 4楼
    晨星 2011年10月12日 上午8:49

    谢谢,很不错呀。

    [回复]

  5. 晴枫
    5楼
    晴枫 2009年9月16日 上午8:17

    @蛋王
    就那篇文章发现你的站的

    [回复]

  6. 6楼
    蛋王 2009年9月16日 上午12:25

    哈哈,真荣幸,有我咧!

    [回复]

  7. 7楼
    金象大药房 2009年9月4日 上午1:13

    不错。

    [回复]

无觅相关文章插件,快速提升流量