DedeCms 5.7代码高亮怎么实现-DEDECMS

资源魔 47 0

DedeCms 5.7代码高亮怎样完成?

无论建博客网站仍是CMS类型网站,不少都需求代码高亮,织梦CMS是国际比拟优秀的CMS建站零碎之一,没有像Wordpress同样有年夜把年夜把的插件可用,我用的是最新的dedeCMS 5.7,正在网上搜了很长期材料,年夜都写的是CKEditor以及SyntaxHighlighter整合的文章,然而dedecms将ckeditor做了集成,以及普通的只针关于ckeditor对config.js修正没有同。

保举学习:织梦cms

以是只能本人揣摩修正了,现将办法写出供站长冤家们参考:

1、起首去SyntaxHighlighter民间网站下载,网址:http://alexgorbatchev.com/SyntaxHighlighter/download/,倡议下载2.1版本,3.0版本的貌似没有支持主动换行,这里应用的是2.1.382版本。将下载的文件解压正在syntaxHighlight文件夹里,去除了外面无用的文件,只留下scripts以及styles文件夹。

2、新建dialogs文件夹,正在外面新建一个名为syntaxhighlight.js的文件,因代码量过年夜,没有宜贴出,请间接下载syntaxhighlight.js

假如想修正代码区域的款式请正在如下代码处修正<table>标签里的款式。

代码以下:

onOk : function() { 
var i = this.getParentEditor(); 
var h = i.getSelection(); 
var g = h.getStartElement(); 
var l = g && g.getAscendant("pre", true); 
var j = f(); 
this.co妹妹itContent(j); 
var k = e(j); 
var m = CKEDITOR.dom.element 
.createFromHtml('<table style="border:1px solid #EAED9C;width:660px;"><tr><td><pre class="' + k + '">' 
+ c(j.code) +"</pre></td></tr><table>"); 
if (l) { 
m.insertBefore(l); 
l.remove() 
} else { 
i.insertElement(m) 
} 
},

标签: dedecms 织梦教程 织梦技巧 dedecms教程 dede问题解决

抱歉,评论功能暂时关闭!