帝國cms默認編輯器ckeditor-5,在格式下拉選項有一個"已編排格式",當我們插入一段代碼后,選擇"已編排格式",添加的代碼行就會自動添加一個pre標簽,下面是整理的關(guān)于如何在帝國cms中設(shè)置代碼高亮的解決方案和思路,方便新手站長們在利用帝國cms建網(wǎng)站的時候,可以少走一些彎路。
第一步,下載SyntaxHighlighter.zip文件,解壓到根目錄
第二步,修改內(nèi)容模板,增加以下調(diào)用
<link href=
"[!--news.url--]SyntaxHighlighter/shCoreDefault.css"
rel=
"stylesheet"
type=
"text/css"
/>
<script type=
"text/javascript"
src=
"[!--news.url--]SyntaxHighlighter/shCore.js"
></script>
<script type=
"text/javascript"
>
SyntaxHighlighter.all();
</script>
<script>
var
paras = document.getElementsByTagName(
"pre"
);
for
(
var
i=0;i<paras.length;i++ ) {
paras[i].setAttribute(
"class"
,
"brush:php;toolbar:false"
);
}
</script>
提示:在不改變帝國cms任何文件的情況下,使用SyntaxHighlighter實現(xiàn)代碼高亮,這里我用了一段js在pre自動寫入樣式,
默認代碼段是php格式,如果你的網(wǎng)站html,或者css偏多,可以把brush:php這句改成brush:html,或者brush:css。
以上就是關(guān)于帝國cms插件中"帝國cms添加代碼高亮插件的方法"的全部內(nèi)容,如果有遇到帝國cms插件其他問題的,可以在評論留言,或者加微信咨詢。