KindEditor编辑器插件支持代码高亮版本织梦

发布时间:2015-08-29 来源:未知
KindEditor编辑器 插件 支持代码高亮版本 ====================== KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人 员可以用 KindEditor 把传统的多

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> 


     教程结束,效果参见本文。



转载请注明:https://www.yooym.com/blog/jianzhanjiaocheng/zhimeng/2015/0829/257.html
------分隔线----------------------------
文章分类
推荐内容
  • 织梦dedecms中加入彩色标签云

    效果图 下面就来说一下dede中具体怎么实现 1.在要显示的页面中加入以下代码 dl class="tbox light"a href='/tags.php'strong标签云/strong/a/dl dl class="tbox light tagy"{dede:...

  • KindEditor编辑器插件支持代码高亮版本织梦

    KindEditor编辑器 插件 支持代码高亮版本 ====================== KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人...

  • DEDE后台升级编辑器CKEditor至最新版的方法

    DEDE的后台编辑器CKEditor还是3.6.2,,确实太古老了, 最关键的是存在诸多浏览器兼容的问题,所以不得不考虑升级,如下是我将编辑器升级至CKEditor最新版...