唯一的三合一語法熒光筆!
使用Prism.js,Highlight.js或普通代碼轉義顯示漂亮的代碼片段:
- Prism.js?–使用Prism.js進行代碼轉義+語法突出顯示
- Highlight.js?–使用Highlight.js進行代碼轉義+語法突出顯示
- 原味?-代碼轉義,不突出語法
使用Highlight.js可查看演示文章。我還在WP-Mix上使用此插件來處理所有代碼片段。
Prism.js功能
- 支持47種編碼語言
- 從所有8個可用的棱鏡主題中選擇
- 提供用于添加代碼段的Gutenberg塊
- 提供TinyMCE / Visual按鈕以添加代碼段
- 啟用Prism插件行號
- 啟用Prism插件行高亮
- 啟用Prism插件顯示語言
- 啟用Prism插件“?復制代碼”按鈕
- 在帖子內容,摘錄和評論中突出顯示代碼
- 檢測
language-
并lang-
分類前綴 - 將語法突出顯示限制為帖子和頁面
- 突出顯示單行和多行代碼
- 對代碼轉義的粒度控制
- 智能加載CSS和JS資產
- 在單個帖子視圖上支持ACF
Highlight.js功能
- 支持37種編碼語言
- 從所有90多種可用的精選主題中進行選擇
- 提供用于添加代碼段的Gutenberg塊
- 提供TinyMCE / Visual按鈕以添加代碼段
- 自定義Highlight.js初始化JavaScript
- 在帖子內容,摘錄和評論中突出顯示代碼
- 將語法突出顯示限制為帖子和頁面
- 高亮顯示多行代碼塊
- 檢測
language-
并lang-
分類前綴 - 啟用對無前綴類名的支持
- 對代碼轉義的粒度控制
- 智能加載CSS和JS資產
原味特征
- 為帖子內容,節選和/或注釋啟用代碼轉義
- 在前端和/或管理區域中啟用代碼轉義
- 提供用于添加代碼段的Gutenberg塊
- 提供TinyMCE / Visual按鈕以添加代碼段
- 轉義單行和多行代碼片段
- 轉義
<code>
標簽(基于配置)
一般特征
- 易于設置和配置
- 使用WordPress API構建
- 干凈利落,無錯誤的代碼
- 天生簡單,沒有多余的裝飾
- 輕巧,快速,靈活
- 專注于性能和安全性
- 僅在需要時加載CSS / JS資產
- 遵循HTML編碼最佳做法
- 與古騰堡塊編輯器一起使用
- 定期更新和“面向未來”
棱柱形僅逃避了保持代碼干凈的基本要求。
多種代碼高亮風格可選,支持古登堡模塊。

如果你需要更加簡單的,可以試試這款: