分享好友 资讯首页 资讯分类 切换频道

DedeCms5.7代码高亮怎么实现

2025-07-30 09:4030admin001

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