首页 > 代码库 > 主题: 为kindsoft编辑器替换SyntaxHighlighter代码高亮，整合DEDECMS
主题: 为kindsoft编辑器替换SyntaxHighlighter代码高亮，整合DEDECMS
作者: fmamcn, 发布日期: 2012-09-29 12:28:39, 浏览数: 1567看了狼魂发表的将kindeditor中的代码高亮插件prettify换为SyntaxHighlighter自己试了一下，总有一些问题，后来还是自己研究了一下，找了一些文档，做了一个DeDeCMS本身的标记其不好用，更换为KindEditor后确实很不错了，但是KindEditor编辑器的代码高亮确实不怎么好看，也不怎么使用，虽然很简洁，但是功能上还是显得匮乏一些，所以就动手改了改，现在分享出来！ 首先，下载本站提供的DeDeCMS一键傻瓜式安装KindEditor。详细说明请查看该页面。 我们选择SyntaxHighlighter作为代码高亮插件，修改/include/kindeditor/plugins/code/code.js找到：?1 html =‘
\n‘ + K.escape(code) +‘‘;替换为：?1 html =‘
\n‘ + K.escape(code) +‘‘;这样是为了将prettify的类名换为SyntaxHighlighter插件需要的类名， 保存并上传覆盖原来的code.js然后将我提供的附件上传至/include/kindeditor/plugins/code/目录，当然，你也可以传到别的目录，但是在下一步记得路径要正确！ 附件：SyntaxHighlighter好了，现在就需要修改前台模板了 在前台模板引入附件中的文件：?1 2<script type="text/javascript" src="http://www.mamicode.com/include/kindeditor/plugins/code/syntaxHighlighter.js"></script><link rel="stylesheet" type="text/css" href="http://www.mamicode.com/include/kindeditor/plugins/code/shStyle.css">并记得在页面最末端加入以下代码：?1 2 3 4<script type="text/javascript"> SyntaxHighlighter.config.clipboardSwf = ‘scripts/clipboard.swf‘; SyntaxHighlighter.all(); </script>好了，到这里就结束了，发篇文章看看效果吧！ 详情查看：http://www.zztuku.com/Html/DedeCms/20120929_3068.html
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。