DedeCms5.7代码高亮怎么实现

   2025-07-30 admin00130

dedecms5.7代码高亮怎么实现?

无论建博客网站还是CMS类型网站,很多都需要代码高亮,织梦CMS是国内比较优秀的CMS建站系统之一,不像Wordpress一样有大把大把的插件可用,我用的是最新的dedeCMS5.7,在网上搜了很长时间资料,大都写的是CKEditor和SyntaxHighlighter整合的文章,但是dedecms将ckeditor做了集成,和一般的只针对于ckeditor对config.js修改不同。

推荐学习:织梦cms

所以只能自己琢磨修改了,现将方法写出供站长朋友们参考: 

一、首先去SyntaxHighlighter官方网站下载,网址:http://alexgorbatchev.com/SyntaxHighlighter/download/,建议下载2.1版本,3.0版本的貌似不支持自动换行,这里使用的是2.1.382版本。将下载的文件解压在syntaxHighlight文件夹里,去除里面无用的文件,只留下scripts和styles文件夹。 

二、新建dialogs文件夹,在里面新建一个名为syntaxhighlight.js的文件,因代码量过大,不宜贴出,请直接下载syntaxhighlight.js 

如果想修改代码区域的样式请在以下代码处修改

标签里的样式。 

代码如下:

onOk:function(){vari=this.getParentEditor();varh=i.getSelection();varg=h.getStartElement();varl=g&&g.getAscendant("pre",true);varj=f();this.commitContent(j);vark=e(j);varm=CKEDITOR.dom.element.createFromHtml('<tablestyle="border:1pxsolid#EAED9C;width:660px;"><tr><td><preclass="'+k+'">'+c(j.code)+"
 
举报收藏 0打赏 0评论 0
 
更多>同类资讯
• dede怎么调用其他栏目的文章或者缩略图列表且有 • dedecms后台登录验证码不正常显示怎么办
• dede中怎么调用文章属性的名称 • dede怎么去掉html
• 织梦站内搜索结果怎么按点击排序 • 织梦cms怎么获取当前栏目路径
• 织梦不能上传jpg格式怎么办 • 织梦怎么调用评论最多的文章
• DEDECMS文章列表页怎么调用tag • 织梦dede添加文字时,让标题后面加[图]字
Powered By DESTOON