JSP+ckeditor_4.4.7+ckfinder_2.4.1的使用(二)

本文主要是介绍一下，代码插件怎样集合到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，所以没必要再下载了！