很多朋友可能經常在一些網站上看到類似于“運行代碼、復制代碼、清空代碼、另存為代碼的靜態代碼運行框，直接點擊運行就能實施的查看效果，給訪客帶來了非常好的體驗。 
WordPress也不例外，同樣可以加入短代碼運行框，效果圖如下：

方法非常簡單： 
第一步：下載 run-code-OL.js 文件，上傳至服務器。 
第二步：在主題目錄的functions.php適當位置添加如下代碼： 

/**添加可運行代碼框*/ 
function textarea($atts, $content = null) { 
return '<script src="http://blog.haitianhome.com/wp-content/themes/prowerV3.1/run-code-OL.js" _fcksavedurl=""http://blog.haitianhome.com/wp-content/themes/prowerV3.1/run-code-OL.js"" type="text/javascript" charset="utf-8"></script> 
<form> 
<div align="center"> 
<textarea id="code" style="width:555px;height:255px;" cols="80" rows="15">'.$content.'</textarea> 

<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)"> 
<br/>提示：可以先修改部分代碼再運行 <span style="color:#ff0000">注意：如需評論后運行請重新刷新頁面</span></div> 
</form>
';} 
add_shortcode("code", "textarea"); 

使用方法： 
在HTML模式下，輸入code你的代碼/code
code兩則加"["、"]"