在JSP裡使用CKEditor和CKFinder的配置
CKEditor的編輯器工具欄中有一項“圖檔域”,該工具可以貼上圖檔位址來在文本編輯器中加入圖檔,但是沒有圖檔上傳。
“預覽”中有一大堆鳥語,看得很不爽。可以打開ckeditor/plugins/image/dialogs/image.js檔案,搜尋“b.config.image_previewText”就能找到這段鳥語了,(b.config.image_previewText||'')單引号中的内容全删了,注意别删多了。掃除這個障礙,下面來研究圖檔上傳。先看看效果圖
![](https://img.laitimes.com/img/__Qf2AjLwojIjJCLyojI0JCLicmbw5yYzITOklTZ0kzY3UGOmR2N1QTZhFTZzIGNhdTM3czMy8CX0JXZ252bj91Ztl2Lc52YucWbp5GZzNmLn9Gbi1yZtl2Lc9CX6MHc0RHaiojIsJye.png)
步驟一
在ckeditor官方網站下載下傳最新版本的檔案包,其中有3個頁籤,選擇最後一個 裡面的東西是最全的。
檔案名:ckeditor_4.3.2_full.zip
步驟二:
在這個網址下載下傳ckfinder http://cksource.com/ckfinder/download。
這個插件是專門處理伺服器端上傳的。
檔案名: ckfinder_java_2.4.1.zip
步驟三
解壓倆個ZIP檔案 拷貝到項目當中
步驟四
将ckfinder_java_2.4.1裡面的jar包都拷貝到工程中,把config.xml放入到WEB-INF下面。
步驟五
修改拷貝到WEB-INF 目錄下的config.xml檔案
true
D:\apache-tomcat-7.0.35\webapps\MyProject\CKFinderJava
/MyProject/CKFinderJava/
步驟六
在WEB.XML當中添加配置
ConnectorServlet
com.ckfinder.connector.ConnectorServlet
XMLConfig
/WEB-INF/config.xml
debug
false
1
ConnectorServlet
/ckfinder/core/connector/java/connector.java
步驟七
修改ckeditor/config.js 添加如下配置
config.language = 'zh-cn';
config.baseFloatZIndex= 19900;
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';
然後再JSP當中引入如下檔案:
CKFinder.setupCKEditor(editor,'/ckeditor/');
http://blog.chinaunix.net/uid-17272859-id-3897737.html