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

aaa
帝国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插件其他问题的,可以在评论留言,或者加微信咨询。

本文标题:帝国cms添加代码高亮插件的方法

本文链接:https://www.kaifatu.com/article/1171.html

相关文章

帝国cms系统参数配置

本文将对帝国cms系统中的参数配置进行介绍:1、登录后台,单击“系统”菜单,选择“系统参数设置”子菜单,进入网站信息配置界面:2、网站信息配置介绍…

Kaifatu 帝国cms教程
2021-04-03 96

利用帝国cms做网站如何防止采集?

利用帝国cms做网站如何防止采集?一、反采集功能使用说明:1.开启防采集功能:“系统”-》“系统设置”-》“参数设置”-》“信息设置” -》“开启防采集”。…

Kaifatu 帝国cms教程
2021-02-14 610

帝国CMS灵动标签循环调用栏目文章

帝国CMS灵动标签循环调用栏目文章的方法:具体方法如下:第一步,增加公共模板变量代码如下:

[e:loop={"select * from [!db.pre!]enewsclass where cl…

Kaifatu 帝国cms教程
2021-04-25 429

帝国CMS列表页文章怎么升序降序排列文章

今天帝国cms模板网小编就来告诉大家帝国CMS列表页文章升序降序排列设置的方法!下面一起来看看吧:帝国CMS默认的列表页显示的是先发布的文章在后面,后发布的文章在前面显示,但是,在实际开发过程中有这种需求,就是先发布的文章在前面,后发布的文…

Kaifatu 帝国cms教程
2021-06-17 506

帝国cms信息置顶功能不起作用的解决方法

我的网站用的帝国系统,但是我在给某个文章设了置顶后,也刷新了页面,但是它还是排在最后面,好像不起作用在帝国cms后台的“系统设置”-》“系统参数设置&rdqu…

Kaifatu 帝国cms教程
2021-06-13 514
发表评论
暂无评论