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

来源:互联网 发布:苹果数据精灵 编辑:程序博客网 时间:2024/05/17 08:11

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


0 0
原创粉丝点击