帝國cms默認編輯器ckeditor-5,在格式下拉選項有一個"已編排格式",當我們插入一段代碼后,選擇"已編排格式",添加的代碼行就會自動添加一個pre標簽,下面是整理的關于如何在帝國cms中設置代碼高亮的解決方案和思路,方便新手站長們在利用帝國cms建網站的時候,可以少走一些彎路。
第一步,下載SyntaxHighlighter.zip文件,解壓到根目錄
第二步,修改內容模板,增加以下調用
<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實現代碼高亮,這里我用了一段js在pre自動寫入樣式,
默認代碼段是php格式,如果你的網站html,或者css偏多,可以把brush:php這句改成brush:html,或者brush:css。
以上就是關于帝國cms插件中"帝國cms添加代碼高亮插件的方法"的全部內容,如果有遇到帝國cms插件其他問題的,可以在評論留言,或者加微信咨詢。






