主题: 为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 并记得在页面最末端加入以下代码: ? 1 2 3 4 好了,到这里就结束了,发篇文章看看效果吧! 详情查看:http://www.zztuku.com/Html/DedeCms/20120929_3068.html
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· .NET周刊【3月第1期 2025-03-02】
· 分享 3 个 .NET 开源的文件压缩处理库,助力快速实现文件压缩解压功能!
· [AI/GPT/综述] AI Agent的设计模式综述
2011-05-08 HTML 5的革新:结构之美