帝国cms添加代码高亮插件的方法

时间:2023年07月22日

/

来源:网络

/

编辑:佚名

帝国cms默认编辑器ckeditor-5,在格式下拉选项有一个"已编排格式",当我们插入一段代码后,选择"已编排格式",添加的代码行就会自动添加一个pre标签,下面是78模板网整理的关于如何在帝国cms中设置代码高亮的解决方案和思路,方便新手站长们在利用帝国cms建网站的时候,可以少走一些弯路。
第一步,下载SyntaxHighlighter.zip文件,解压到根目录
SyntaxHighlighter.zip
下载地址:
链接: https://pan.baidu.com/s/1gFMxE9Lyfp-AEFVuIwN0JA 提取码: apnz
第二步,修改内容模板,增加以下调用
<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插件其他问题的,可以在评论留言,或者加微信咨询。
猜你需要

51La 豫ICP备2021026617号-1  豫公网安备:41172602000185   Copyright © 2021-2028 www.78moban.com/ All Rights Reserved

本站作品均来自互联网,转载目的在于传递更多信息,并不代表本站赞同其观点和对其真实性负责。如有侵犯您的版权,请联系 1565229909#qq.com(把#改成@),我们将立即处理。

33