JAVA里使用CKEditor和CKFinder的配置

在JSP里使用CKEditor和CKFinder的配置

CKEditor的編輯器工具欄中有一項“圖片域”，該工具可以貼上圖片地址來在文本編輯器中加入圖片，但是沒有圖片上傳。

“預覽”中有一大堆鳥語，看得很不爽。可以打開ckeditor/plugins/image/dialogs/image.js文件，搜索“b.config.image_previewText”就能找到這段鳥語了，(b.config.image_previewText||'')單引號中的內容全刪了，注意別刪多了。掃除這個障礙，下面來研究圖片上傳。先看看效果圖

 

步驟一

在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文件

<enabled>true</enabled>
<baseDir>D:\apache-tomcat-7.0.35\webapps\MyProject\CKFinderJava</baseDir>
<baseURL>/MyProject/CKFinderJava/</baseURL>

 

步驟六

在WEB.XML當中添加配置

    <servlet> 
        <servlet-name>ConnectorServlet</servlet-name> 
        <servlet-class>com.ckfinder.connector.ConnectorServlet</servlet-class>
        <init-param> 
            <param-name>XMLConfig</param-name> 
            <param-value>/WEB-INF/config.xml</param-value> 
        </init-param> 
        <init-param> 
            <param-name>debug</param-name> 
            <param-value>false</param-value> 
        </init-param> 
        <load-on-startup>1</load-on-startup> 
    </servlet> 
    <servlet-mapping>
        <servlet-name>ConnectorServlet</servlet-name> 
        <url-pattern> /ckfinder/core/connector/java/connector.java </url-pattern> 
    </servlet-mapping>

步驟七

修改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當中引入如下文件:

<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<script type="text/javascript" src="ckfinder/ckfinder.js"></script>

<textarea id="editor1"></textarea>
    <script type="text/javascript">      
      var editor = CKEDITOR.replace('editor1');  
    CKFinder.setupCKEditor(editor,'/ckeditor/');
    </script>

http://blog.chinaunix.net/uid-17272859-id-3897737.html