在很多的開發資源網站，都可以看到代碼框下方有一個 「運行」 按鈕，點擊可以讓代碼直接在新窗口運行。這樣分享代碼，可以很大程度方便用户。本文就教你，怎麼在文章中添加一個可以點擊運行的代碼框。

要添加這樣的一個代碼框，需要安裝 runcode by soncy 插件。安裝之後，在文章編輯器的 「文本」 模式下，可以直接使用 runcode 標籤把需要運行的代碼圍起來。

這樣，在前台就可以直接看到效果了：

添加代碼的方式有很多種，下邊列舉了所有方法：

<runcode>

    <script>alert('soncy');</script>

</runcode>

<runcode width="600"height="100"size="12">

    <script>alert('soncy');</script>

</runcode>

[runcodewidth="600"height="100"size="12"]

    <script>alert('soncy');</script>

[/runcode]

插件主頁：http://WordPress.org/plugins/runcode-by-soncy/