本文最后更新于
2026-01-02,某些文章具有時(shí)效性,若有錯(cuò)誤或已失效,請(qǐng)?jiān)谙路?a href="#comment">留言或聯(lián)系老夜。【W(wǎng)ordpress開(kāi)源免費(fèi)插件 – 9】HTML代碼高亮預(yù)覽

點(diǎn)擊藍(lán)字 關(guān)注我們

這個(gè)插件是本站用于分享部分HTML代碼使用的,代碼高亮是基于prismjs庫(kù),代碼高亮只支持HTML,其他代碼以markup的方式顯示。
html代碼要實(shí)現(xiàn)預(yù)覽,第一行代碼必須包含html的標(biāo)準(zhǔn):<!DOCTYPE html>如果第一行代碼沒(méi)有這個(gè),就不以html的方式顯示,也就不顯示預(yù)覽按鈕了。經(jīng)典編輯器的工具欄上面一個(gè)“插入HTML代碼”的快捷入口。

插件功能:
-
通過(guò)短代碼插入HTML代碼,前臺(tái)高亮代碼以及預(yù)覽代碼效果。
prismjs庫(kù)內(nèi)置插件:
-
Line Highlight (代碼高亮) -
Line Numbers(代碼前面顯示行號(hào)) -
Toolbar(工具欄,因?yàn)橐獜?fù)制這個(gè)必須帶) -
Copy to Clipboard Button(復(fù)制代碼按鈕) -
Match braces(匹配括號(hào))
內(nèi)置支持的代碼格式:
-
php -
sql -
nginx
因?yàn)闆](méi)有做專門的適配,只要不是html就默認(rèn)走
WordPress
全球最大基于Wordpress開(kāi)發(fā)的AI工具網(wǎng)站
個(gè)人免費(fèi)開(kāi)源Wordpress插件主題超過(guò)150款
參與過(guò)Wordpress核心中文翻譯等貢獻(xiàn)
WordPress博客11年 寫(xiě)過(guò)多篇圖文、視頻教程
■ 關(guān)于:萬(wàn)能小半
■ 更新:隨心隨緣
■ 封面:截圖
■ 音樂(lè):-
夜雨聆風(fēng)
