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

  • A+
所属分类：帝国cms技巧

内容摘要

帝国cms默认编辑器ckeditor-5，在格式下拉选项有一个"已编排格式"，当我们插入一段代码后，选择"已编排格式"，添加的代码行就会自动添加一个pre标签

文章正文

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

代码注释

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: