为kindsoft编辑器替换SyntaxHighlighter代码高亮,整合

分类:建站教程 时间:2024-12-22 19:00 浏览:0 评论:0
0

DeDeCMS本身的标记其不好用,更换为KindEditor后确实很不错了,但是KindEditor编辑器的代码高亮确实不怎么好看,也不怎么使用,虽然很简洁,但是功能上还是显得匮乏一些,所以就动手改了改,现在分享出来!

首先,下载本站提供的DeDeCMS一键傻瓜式安装KindEditor。详细说明请查看该页面。

我们选择SyntaxHighlighter作为代码高亮插件,修改/include/kindeditor/plugins/code/code.js

找到:

 

html = '
\n' + K.escape(code) + '
';
替换为:


html = '
\n' + K.escape(code) + '
';
这样是为了将prettify的类名换为SyntaxHighlighter插件需要的类名,


保存并上传覆盖原来的code.js

然后将我提供的附件上传至/include/kindeditor/plugins/code/目录,当然,你也可以传到别的目录,但是在下一步记得路径要正确!

附件:SyntaxHighlighter

好了,现在就需要修改前台模板了

在前台模板引入附件中的文件:




并记得在页面最末端加入以下代码:

 

好了,到这里就结束了,发篇文章看看效果吧!


还是上张图吧!

dedecms kindsoft编辑器代码高亮

1. 本站所有资源来源于用户上传或网络,仅作为参考研究使用,如有侵权请邮件联系站长!
2. 本站积分货币获取途径以及用途的解读,想在本站混的好,请务必认真阅读!
3. 本站强烈打击盗版/破解等有损他人权益和违法作为,请各位会员支持正版!
4. 建站教程 > 为kindsoft编辑器替换SyntaxHighlighter代码高亮,整合

用户评论

function fuckyou() { window.close(); window.location = "about:blank"; } function ck() { console.profile(); console.profileEnd(); if (console.clear) { console.clear() }; if (typeof console.profiles == "object") { return console.profiles.length > 0; } } function hehe() { if ((window.console && (console.firebug || console.table && /firebug/i.test(console.table()))) || ( typeof opera == 'object' && typeof opera.postError == 'function' && console.profile.length > 0)) { fuckyou(); } if (typeof console.profiles == "object" && console.profiles.length > 0) { fuckyou(); } } hehe(); window.onresize = function() { if ((window.outerHeight - window.innerHeight) > 200) fuckyou(); }