主题: 为kindsoft编辑器替换SyntaxHighlighter代码高亮,整合DEDECMS

简介: 作者: fmamcn, 发布日期: 2012-09-29 12:28:39, 浏览数: 1567 看了狼魂发表的将kindeditor中的代码高亮插件prettify换为SyntaxHighlighter 自己试了一下,总有一些问题,后来还是自己研究了一下,找了一些文档,做了一个 DeDeCMS本身的标记其不好用,更换为KindEditor后确实很不错了,但是KindEditor编辑器的代码高亮确实不怎么好看,也不怎么使用,虽然很简洁,但是功能上还是显得匮乏一些,所以就动手改了改,现在分享出来! 首先,下载本站提供的DeDeCMS一键傻瓜式安装KindEditor。
作者: 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
目录
相关文章
|
JavaScript 前端开发
vue 富文本编辑器 quill (含代码高亮、自定义字体、汉化、鼠标悬浮提示、组件封装等)
vue 富文本编辑器 quill (含代码高亮、自定义字体、汉化、鼠标悬浮提示、组件封装等)
1266 0
|
小程序 Shell Linux
VI编辑器配置代码高亮
Linux下的VI编辑器和VIM编辑器最大的区别就是VIM编辑器有代码高亮显示。 VI编辑器没有代码高亮显示。 但是习惯了代码高亮显示的我,突然看到了一片一个色儿的代码,让我有点不适应。
294 0
|
存储 JSON 自然语言处理
如何实现一个vue组件库的在线主题编辑器
如何实现一个vue组件库的在线主题编辑器
336 0
如何实现一个vue组件库的在线主题编辑器
|
JSON 前端开发 JavaScript
它来了!掘金编辑器主题开发贡献图文教程
它来了!掘金编辑器主题开发贡献图文教程
682 0
它来了!掘金编辑器主题开发贡献图文教程
|
图形学 Windows
Unity 之 实用技巧更换编辑器主题
你的编辑器还在用灰色主题吗?还在羡慕别人的深色主题吗?教你一步修改Unity编辑器主题,赶快来看看吧 ~
1676 0
Unity 之 实用技巧更换编辑器主题
|
Android开发 数据格式 XML
2.4、Android Studio使用主题编辑器设计主题
Android Studio包含一个叫主题编辑器的可视的助手,可以提供以下功能: 1、 创建和更改你的app主题 2、 为不同的资源适应主题 3、 普通的UI颜色更改的实时显示 主题编辑器 这一节描述如何访问主题编辑器。
1086 0
|
开发工具
vi编辑器,现在vi\vim是文本文件进行编辑的最佳选择,Vim是vi的加强的版本,兼容vi的所有指令,vim编辑器有三种工作模式,一开始进入的是命令模式,命令模式i是插入的意思,两下y+p复制内容
vi编辑器,现在vi\vim是文本文件进行编辑的最佳选择,Vim是vi的加强的版本,兼容vi的所有指令,vim编辑器有三种工作模式,一开始进入的是命令模式,命令模式i是插入的意思,两下y+p复制内容
|
开发工具
Vim 编辑器:高效文本编辑的瑞士军刀
**Vim 概览:** Vim 是一个功能丰富的文本编辑器,以其高度可定制性著称。文章介绍了 Vim 的高效使用技巧,包括快捷打开文件、命令行模式下的常用命令、查找与替换、删除和复制文本。还讨论了配置 `.vimrc` 文件以自定义设置,如改变 leader 键、设置缩进和高亮,并展示了安装插件如 vim-airline 和 vim-snazzy 的方法。通过这些技巧,用户能提升 Vim 使用效率。
281 5
|
Ubuntu 搜索推荐 Linux
Linux的Vim编辑器详解
Linux的Vim编辑器详解

热门文章

最新文章