ckeditor+ckfinder+java

（java）Ckdeitor+ckfinder整合

第一步：工具下载

首先下载：CKEditor

地址：http://cdeditor.com/dowmload

接着下载CKFinder

地址：http://cksource.com/ckfinder/download

第二步：新建项目(ckeditor)

第三步：整合

解压ckeditor压缩包，然后将ckeditor文件夹全部考到WebRoot跟目录下。完成后项目结构如下图：

修改ckeditor文件夹下的config.js文件,代码如下

CKEDITOR.editorConfig = function( config ) {

// Define changes to default configuration here.

// For the complete reference:

// http://docs.ckeditor.com/#!/api/CKEDITOR.config

// The toolbar groups arrangement, optimized for two toolbar rows.

config.toolbarGroups = [

{ name: 'clipboard', groups: [ 'clipboard', 'undo' ] },

{ name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ] },

{ name: 'links' },

{ name: 'insert' },

{ name: 'forms' },

{ name: 'tools' },

{ name: 'document', groups: [ 'mode', 'document', 'doctools' ] },

{ name: 'others' },

'/',

{ name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },

{ name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ] },

{ name: 'styles' },

{ name: 'colors' },

{ name: 'about' }

];

// Remove some buttons, provided by the standard plugins, which we don't

// need to have in the Standard(s) toolbar.

config.removeButtons = 'Underline,Subscript,Superscript';

// Se the most common block elements.

config.format_tags = 'p;h1;h2;h3;pre';

// Make dialogs simpler.

config.removeDialogTabs = 'image:advanced;link:advanced';

config.uiColor = '#F7F8F9';

//我测试有这句会报错。Falseconfig找不到

//config.scayt_autoStartup = falseconfig.language = 'zh-cn';

config.filebrowserBrowseUrl = 'ckfinder/ckfinder.html';

config.filebrowserImageBrowseUrl = 'ckfinder/ckfinder.html?Type=Images';

config.filebrowserFlashBrowseUrl = 'ckfinder/ckfinder.html?Type=Flash';

config.filebrowserUploadUrl = 'ckfinder/core/connector/java/connector.java?command=QuickUpload&type=Files';

config.filebrowserImageUploadUrl = 'ckfinder/core/connector/java/connector.java?command=QuickUpload&type=Images';

config.filebrowserFlashUploadUrl = 'ckfinder/core/connector/java/connector.java?command=QuickUpload&type=Flash';

(这个是c#的配置方法)

//config.filebrowserBrowseUrl = 'ckfinder/ckfinder.html';

// config.filebrowserImageBrowseUrl = 'ckfinder/ckfinder.html?Type=Images';

// config.filebrowserFlashBrowseUrl = 'ckfinder/ckfinder.html?Type=Flash';

// config.filebrowserUploadUrl = //'ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Files';

// config.filebrowserImageUploadUrl = //'ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Images';

// config.filebrowserFlashUploadUrl = //'ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Flash';

};

接着解压：ckfinder_java_2.4.zip,将ckfinder_java_2.4/ckfinder下的CKFinderJava-2.4.war(如果不能打开，可直接修改后缀名为.zip)再次解压，找到CKFinderJava下的ckfinder文件夹，将其拷贝到WebRoot跟目录下。

接下来整合所需要的jar包，到刚才解压的war包，(CKFinderJava-2.4.war)下找，位置如下：

CKFinderJava-2.4WEB-INFlib 所需jar包(拷贝到WEB-INFd的lib目录下)

接着把配置文件：config.xml、web.xml也拷贝到WebRoot/WEB-INF下(如果以前是web项目只需把web.xml文件的内容拷贝到以前的web.xml中即可)，配置文件同样到刚才解压的war包下找，

打开config.xml

第15行的<enabled>true</enabled>改为<enabled>true</enabled>

第21行的<baseURL>/CKFinderJava/userfiles/</baseURL>改为<baseURL>/ckeditor/userfiles/</baseURL>

注：此处的ckeditor是根据你的项目名定的

在WebRoot下新建index.jsp，<head></head>里面加入

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

String path = request.getContextPath();

System.out.println(path);

String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>My JSP 'index.jsp' starting page</title>

<!--

-->

window.onload = function()

{ CKDEITOR.replace("txtContents");

// var editor = CKDEITOR.replace( 'txtContents');

// CKFinder.setupCKEditor(editor,'ckfinder/');

};

</script>

</head>

<body>

</body>

</html>