本文主要是介绍一下,代码插件怎样集合到Ckeditor上~
(一)还是工具下载:(具体介绍可自行百度官网查看)
codesnippet_4.4.7.zip下载地址:http://pan.baidu.com/s/1pJ4xyQJ
lineutils_4.4.7.zip下载地址:http://pan.baidu.com/s/1jG5n6tg
widget_4.4.7.zip下载地址:http://pan.baidu.com/s/1pJPwh9T
这三个文件必须同时使用,否则会报错:
1. CKEDITOR.resourceManager.load] Resource name "widget" was not found at"http://localhost:16577/Scripts/ckeditor/plugins/widget/plugin.js?t= 2. [CKEDITOR.resourceManager.load] Resource name "lineutils" was not found at "http://localhost:16577/Scripts/ckeditor/plug(二)当然还是解压与配置:
1、解压codesnippet_4.4.7.zip,把codesnippet_4.4.7文件下的codesnippet放在/ckeditor/plugins/下
2、解压lineutils_4.4.7.zip,把lineutils_4.4.7.zip文件下的lineutils放在/ckeditor/plugins/下
3、解压widget_4.4.7.zip,把widget_4.4.7.zip文件下的widget放在/ckeditor/plugins/下
4、配置ckeditor/config.js:
CKEDITOR.editorConfig = function (config) { //添加插件,多个插件用逗号隔开 config.extraPlugins = 'codesnippet'; //使用zenburn的代码高亮风格样式 PS:zenburn效果就是黑色背景 //如果不设置着默认风格为default config.codeSnippet_theme = 'zenburn'; }好了,就这么简单,可以去看效果了~
另外:可以去测试自己喜欢的高亮风格。
ckeditor插件codesnippet下已集成过highlight.js,所以没必要再下载了!