KindEditor编辑器插件支持代码高亮版本
======================
KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人
员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。 KindEditor
使用 JavaScript 编写,可以无缝地与 Java、.NET、PHP、ASP 等程序集成,比较适合在 CMS、商城、
论坛、博客、Wiki、电子邮件等互联网应用上使用。
程序兼容版本:
DedeCMS V5.6、V5.7(SP1)
下载地址:http://yunpan.cn/cmccEJN3fzgsM 访问密码 8b29
启用编辑器方法:
1.解压压缩包,文件夹下有utf-8版本的文件;
2.将对应文件覆盖到系统目录中;
3.系统后台中设置[系统]-[核心设置],在“Html编辑器(ckeditor,需要fck的用户可以去官网下载)”
中设置:kindeditor
启用代码高亮
修改前台模板
在前台文章模板head内加入以下代码:
<script type="text/javascript" src="/include/kindeditor/plugins/code/syntaxhighlighter.js" charset="UTF-8"></script> <link type="text/css" rel="stylesheet" href="/include/kindeditor/plugins/code/shCore.css"/> <link type="text/css" rel="stylesheet" href="/include/kindeditor/plugins/code/shThemeDefault.css"/>
在前台文章模板末端</html>内加入以下代码
<script type="text/javascript"> SyntaxHighlighter.config.clipboardSwf = '/include/kindeditor/plugins/code/clipboard.swf';SyntaxHighlighter.config.strings={expandSource:'展开代码',viewSource:'查看代码',copyToClipboard:'复制代码',copyToClipboardConfirmation:'复制代码成功',print:'打印',help:'?',alert:'yooym提示:\n\n', noBrush: '不能找到刷子: ',brushNotHtmlScript: '刷子没有配置html-script选项',aboutDialog: '<div></div>'}; SyntaxHighlighter.all();</script>
教程结束,效果参见本文。