您现在的位置是:首页 > 网站制作 > 网站建设网站建设
帝国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建站方法和知识点
相关文章
随机图文
-
推荐 33 个 IDEA 最牛配置,写代码太爽了
1.设置maven1.在File->settings->搜索maven2.Mavan home directory--设置maven安装包的bin文件夹所在的位置3.User settings file--设置setting文件所在的位置4.Local repos -
帝国cms后台关闭会员注册,前端依旧能注册会员?
第一步:权限更改 ssh链接服务器,进入网站。 文件夹:config的权限改为777 config.php的权限改为:777 第二步:流程设置 网站后台→系统→系统参数设置&ra -
副业&接私活必备的 10 个开源项目
Web 开发中几乎的平台都需要一个后台管理,但是从零开发一套后台控制面板并不容易,幸运的是有很多开源免费的后台控制面板可以给开发者使用,那么有哪些优秀的开源免费的控制面板 -
帝国cms 如何使用静态页面?
一般模板下载站,包括我的网站,所说的静态页面模板,指的是html页面。一个不需要后台,不需要数据库就能预览的页面。例如,纯文字《时尚黑》这个博客模板,html代码是这样的: <header>