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

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

WordPress教程:文章代碼運行

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

WordPress教程:文章代碼運行

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

<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/