您现在的位置是:首页 > 网站制作 > 网站建设网站建设
帝国cms内容页如何添加代码高亮
胜于蓝2019-06-10【网站建设】人已围观
简介帝国cms的编辑器用的是ckeditor-5,但是没有代码高亮,更换百度编辑器也有点儿问题,就是在文章再次编辑的时候,html代码会出错,那怎么给代码添加高亮呢,只要在帝国cms现有的编辑器上
帝国cms的编辑器用的是ckeditor-5,但是没有代码高亮,更换百度编辑器也有点儿问题,就是在文章再次编辑的时候,html代码会出错,那怎么给代码添加高亮呢,只要在帝国cms现有的编辑器上,引用文件就可以了
1、下载SyntaxHighlighter.zip文件,解压到根目录
SyntaxHighlighter.zip
2、修改内容模板,增加以下调用
3、编辑器里面在添加的代码片段,增加标签<pre></pre>,修改样式就行.所有的代码语言我都整理了一个列表,如下:
1、下载SyntaxHighlighter.zip文件,解压到根目录
SyntaxHighlighter.zip
2、修改内容模板,增加以下调用
1 2 3 4 5 |
< 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 > |
3、编辑器里面在添加的代码片段,增加标签<pre></pre>,修改样式就行.所有的代码语言我都整理了一个列表,如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
< pre class = "brush:as3;toolbar:false" >ActionScript3</ pre > < pre class = "brush:bash;toolbar:false" >Bash/Shell</ pre > < pre class = "brush:css;toolbar:false;" >Css</ pre > < pre class = "brush:cpp;toolbar:false;" >C/C++</ pre > < pre class = "brush:cf;toolbar:false" >CodeFunction</ pre > < pre class = "brush:c#;toolbar:false" >C#</ pre > < pre class = "brush:delphi;toolbar:false" >Delphi</ pre > < pre class = "brush:diff;toolbar:false" >Diff</ pre > < pre class = "brush:erlang;toolbar:false" >Erlang</ pre > < pre class = "brush:groovy;toolbar:false;" >Groovy</ pre > < pre class = "brush:html;toolbar:false" >Html</ pre > < pre class = "brush:java;toolbar:false" >Java</ pre > < pre class = "brush:jfx;toolbar:false" >JavaFx</ pre > < pre class = "brush:js;toolbar:false" >javascript</ pre > < pre class = "brush:pl;toolbar:false" >perl</ pre > < pre class = "brush:php;toolbar:false" >php</ pre > < pre class = "brush:plain;toolbar:false" >plainText</ pre > < pre class = "brush:ps;toolbar:false" >PowerShell</ pre > < pre class = "brush:python;toolbar:false" >Python</ pre > < pre class = "brush:ruby;toolbar:false" >Ruby</ pre > < pre class = "brush:scala;toolbar:false" >Scala</ pre > < pre class = "brush:sql;toolbar:false" >Sql</ pre > < pre class = "brush:vb;toolbar:false" >Vb</ pre > < pre class = "brush:xml;toolbar:false" >Xml</ pre > |
Tags:
很赞哦! ()
下一篇:帝国cms建站方法和知识点
相关文章
随机图文
-
网站建设:一个好的合伙伙伴,会让你省不少心
做网站的价格一直是许多公司关注的一个问题,遍地的网建公司,怎么才能找到合适的建站公司?建站的市场价格比较紊乱,从几百到几千不等,报价也没有统一的。有的商家会打着便宜的幌 -
帝国cms,自定义列表实现首页分页
第一步,增加列表模板 1、页面模板内容:原首页模板所有代码 2、列表内容模板(list.var),内容和其他列表模板内容一样,记住勾选右侧的代码。 第二步,增加自定义列表 修改如 -
帝国CMS7.5编辑器换行,如何将<br> 换成<p>
第一个在:\e\admin\ecmseditor\infoeditor\config.js;第二个在:\e\admin\ecmseditor\tempeditor\config.js;第三个在:\e\data\ecmseditor\infoeditor\config.js;你要把这三个文 -
帝国CMS灵动标签调用当天更新的标题文字显示红色其他颜色变成灰色
帝国CMS灵动标签当天更新的标题显示红色其他颜色变成灰色 1 2 3 4 5 6 7 8 9 10 [e:loop={'news',8,18,0}] <?php $color="#333"; if(date("Y-m-d",$bqr[new