在很多的開發資源網站,都可以看到程式碼框下方有一個 「執行」 按鈕,點選可以讓程式碼直接在新視窗執行。這樣分享程式碼,可以很大程度方便使用者。本文就教你,怎麼在文章中新增一個可以點選執行的程式碼框。

要新增這樣的一個程式碼框,需要安裝 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/