枫芸志

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]

效果如下

<script>alert('Hello, World!');</script>

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

使用时发现该插件老是自作主张地把代码中的空行去掉，代码长了很难阅读，修改了一下插件代码。把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》
标签： WordPress
分享：