在很多的開發資源網站,都可以看到程式碼框下方有一個 「執行」 按鈕,點選可以讓程式碼直接在新視窗執行。這樣分享程式碼,可以很大程度方便使用者。本文就教你,怎麼在文章中新增一個可以點選執行的程式碼框。
要新增這樣的一個程式碼框,需要安裝 runcode by soncy 外掛。安裝之後,在文章編輯器的 「文字」 模式下,可以直接使用 runcode 標籤把需要執行的程式碼圍起來。

這樣,在前臺就可以直接看到效果了:

新增程式碼的方式有很多種,下邊列舉了所有方法:
<runcode>
<script>alert('soncy');</script>
</runcode>
<runcode width="600" height="100" size="12">
<script>alert('soncy');</script>
</runcode>
[runcode width="600" height="100" size="12"]
<script>alert('soncy');</script>
[/runcode]
外掛主頁
外掛主頁:http://WordPress.org/plugins/runcode-by-soncy/