我一直在尋找有趣的語法高亮插件，尤其是在我寫教程或其他非常依賴代碼的文章的場合。 太多的插件使用短代碼，自定義塊或其他奇怪的解決方案。 但是，一年前發布時，我故意忽略了一個選擇： 代碼語法塊 由Marcus Kazmierczak撰寫。
根據名稱，我認為它是另一個獨立的塊。 但是，此後我又給了它一個外觀，並意識到這是事實。 它與WordPress核心模塊直接集成。 有時需要一個新塊，但這不是其中之一。 有時最好擴展核心中的現有塊。
代碼語法塊使用 Prism JavaScript庫 在網站的前端添加語法突出顯示。 該插件設計良好。 僅在使用代碼塊時才載入其腳本和樣式。
前端PHP代碼示例。
該插件不會在編輯器中載入Prism，因此代碼輸出將使用默認的編輯器或主題樣式。 這可能不適合那些想要後端和前端之間一對一匹配的用戶。 我對管理員中未突出顯示的版本感到滿意，同時前端具有漂亮的輸出。 但是，很高興看到一個選項或過濾器來啟用編輯器中的突出顯示。
開箱即用，插件使用 一個黑暗 主題，該主題是為Atom編輯器創建的，並已移植到Prism。 開發人員可以使用主題中的自定義資產/prism/prism.css文件或通過過濾要載入的路徑或URL來覆蓋主題。 稜鏡項目有一個 各種主題 即插即用。 其他主題也存在於官方列表之外。
在管理員方面，該插件為代碼塊創建了一個新的「設置」選項卡，並添加了一些用戶可以選擇的選項：
- 語言
- 顯示行號
- 代碼塊標題
代碼語法熒光筆的編輯器視圖
默認情況下，該插件不支持200多種語言的完整列表。 相反，它只列出了40多個最受歡迎的網站。 該列表是可過濾的，因此任何人都可以使用幾行代碼來添加或刪除語言。 還有一個用於設置默認語言的過濾器掛鉤，這對於那些通常以相同編碼語言發布代碼片段的人特別有用。
經過幾天的測試，我可以肯定地說代碼語法塊已添加到我的WordPress工具箱中。 我希望我能早些嘗試一下。
像這樣：
喜歡載入中……