我的環(huán)境為 liferay6.2，CKEditor4.4.3，ckfinder2.4.1 集成java 1.下載工具包 CKEditor 下載地址 http://ckeditor.com/download 下載后為ckeditor_4.4.3_standard.zip 下載java所需的jar文件 ckeditor-java-core-3.5.3.zip ckfinder 下載地址 http://ckfind

我的環(huán)境為liferay6.2，CKEditor4.4.3，ckfinder2.4.1 集成java

1.下載工具包

CKEditor 下載地址 http://ckeditor.com/download

下載后為 ckeditor_4.4.3_standard.zip

下載java所需的jar文件 ckeditor-java-core-3.5.3.zip

ckfinder下載地址 http://ckfinder.com/download

下載后為 ckfinder_java_2.4.1.zip

2. 整合

解壓上面下載的三個文件，將ckeditor_4.4.3_standard.zip解壓的文件全部復(fù)制到項目中 docroot 根目錄下，

接著解壓：ckfinder_java_2.2.1.zip，將ckfinder_java_2.2.1/ckfinder下的 CKFinderJava.war再次解壓，找到CKFinderJava下的ckfinder文件夾，將其拷貝到docroot 根目錄下

結(jié)構(gòu)圖：

接下來就是整合所需要的jar包，到剛才解壓的war 包( CKFinderJava.war)下找，位置如下：ckfinder\CKFinderJava\WEB-INF\lib

將jar包全部拷貝放到項目docroot--> WEB-INF --> lib下

接著把配置文件：config.xml也拷貝到docroot/WEB-INF下

配置文件同樣到剛才解壓的WAR下找，路徑為：ckfinder\CKFinderJava\WEB-INF

打開config.xml，

第二行的false換成：true

第四行的/test-portlet/userfiles/ 換成/CkeditorForJava/userfiles/

注意：此處的test-portlet是根據(jù)你的項目名定的。

打開web.xml,添加以下內(nèi)容

FileUploadFilter

com.ckfinder.connector.FileUploadFilter

sessionCookieName

JSESSIONID

sessionParameterName

jsessionid

FileUploadFilter

/ckfinder/core/connector/java/connector.java

ConnectorServlet

com.ckfinder.connector.ConnectorServlet

XMLConfig

/WEB-INF/config.xml

debug

false

1

ConnectorServlet

/ckfinder/core/connector/java/connector.java

我放在docroot下面 所以配置 /ckfinder/core/connector/java/connector.java

你要是放在docroot/js下面 就直接配置js/ckfinder/core/connector/java/connector.java

新建portlet頁面

view.jsp 代碼

標(biāo)題

類型

常規(guī)

博客

上市時間段

至

textEditor.js 代碼

var ckeditorText;

$(document).ready(function() {

initCKEditor();

});

/**

* 提交數(shù)據(jù)

*/

function submitData() {

// 取值

console.info(ckeditorText.getData());

}

/**

* 初始化編輯器

*/

function initCKEditor() {

if (CKEDITOR.instances['textEditor']) {

CKEDITOR.remove(CKEDITOR.instances['textEditor']);

}

// 項目名稱

var basePath = '/test-portlet/';

// CKEDITOR.replace("textEditor");

// 配置修改ckfinder路徑不能出錯，出錯就出不來，此配置也可以在ckeditor文件夾下的config.js中做修改

ckeditorText = CKEDITOR

.replace(

"textEditor",

{

filebrowserBrowseUrl : basePath

+ 'ckfinder/ckfinder.html',

filebrowserImageBrowseUrl : basePath

+ 'ckfinder/ckfinder.html?type=Images',

filebrowserFlashBrowseUrl : basePath

+ 'ckfinder/ckfinder.html?type=Flash',

filebrowserUploadUrl : basePath

+ 'ckfinder/core/connector/java/connector.java?command=QuickUpload&type=Files',

filebrowserImageUploadUrl : basePath

+ 'ckfinder/core/connector/java/connector.java?command=QuickUpload&type=Images',

filebrowserFlashUploadUrl : basePath

+ 'ckfinder/core/connector/java/connector.java?command=QuickUpload&type=Flash',

filebrowserWindowWidth : '1000',

filebrowserWindowHeight : '1000'

});

}

配置完后就可以正常啟動了。效果

3.優(yōu)化

移除這些無用的信息

2. 去掉左下角說明方法，打開ckfinder下面的ckfinder.js文件，查找this.dV().getChild(0).appendHtml，其他變量會變，屏蔽這句代碼就可以

/**if(!D)this.dV().getChild(0).appendHtml(A||B||y!=4?t:u+"\x3c\142\076"+k.htmlEncode(a.ed)+"\x3c\057\142\076\074\x2f\x64\x69\x76\x3e");*/

則左下面的說明會消失

本文原創(chuàng)發(fā)布php中文網(wǎng)，轉(zhuǎn)載請注明出處，感謝您的尊重！

總結(jié)

以上是生活随笔為你收集整理的liferay6.2 mysql_liferay6.2 集成CKEditor和ckfinder的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。