转至 Life Studio » 《Wordpress 免插件实现运行代码框》

　　和代码接触多了，难免需要在技术类文章中插入一些代码，但是这并不能满足所有的需求，如果能在 Wordpress 中运行代码，那就更直观，更完美了，网上已经有个名为 runcode 的插件诞生，抱着能用代码搞定的就绝不用插件解决的精神，我自己研发了一种免插件的运行代码框，且这个方法支持在 Firefox 和 IE 等各版本浏览器，可以放心使用。自己动手，其乐无穷，下面就跟着我来试试吧。

　　1、点此下载 run-code-OL.js 文件，解压并上传至服务器。

　　2、在 Wordpress 日志中插入以下代码：

<script src="保存 run-code-OL.js 的地址" type="text/javascript" charset="utf-8"></script>
<form>
<div align="center">
<textarea id="code" style="width:430px;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>之间即可。

　　请看演示：