CKEditor image upload module for Java.
이미지를 "web application" 의 deploy 디렉토리가 아닌 그 외의 곳에 두고 다른 서버가 처리하길 원할때, upload 디렉토리와 이미지 처리 주소를 지정하여 사용 할 수 있습니다.
#USAGE
####1. web.xml 에 다음 내용을 추가합니다.
WEB-INF/web.xml
<filter>
<filter-name>CKFilter</filter-name>
<filter-class>com.labsody.lab.ckeditor.CkFilter</filter-class>
<init-param>
<param-name>properties</param-name>
<param-value>ck.properties</param-value>
</init-param>
</filter>
<filter-mapping>
<filter-name>CKFilter</filter-name>
<url-pattern>/ckupload</url-pattern>
</filter-mapping>
filter-mapping 은 다른 filter-mapping 들 보다 가장 위에 위치하도록 합니다.
####2. config.js 에 다음 내용을 추가합니다.
- TYPE 1
ckeditor 설치 디렉토리 밑에 config.js 파일을 열고 다음 내용을 추가합니다.
ckeditor/config.js
config.filebrowserUploadUrl = '/ckupload';당신의 web application 의 'context root' 를 고려해서 추가하시기 바랍니다.
- TYPE 2
만약 CKEditor for jQuery 를 사용한다면 'context root' 를 고려하여 다음과 같이 해도 됩니다.
yourConfig.jsp
<c:set var="ctx" value="${pageContext.request.contextPath}"/> <script type="text/javascript"> $(document).ready(function(){ $('.jquery_ckeditor') .ckeditor( function() { /* callback code */ }, { filebrowserUploadUrl:'${ctx}/ckupload' } ); }); </script>
####3. ck.properties 파일을 만들고 다음 내용을 추가합니다.
WEB-INF/classes/ck.properties
# CKEditor for java - sample
#optional
ck.image.type.allow=jpg,jpeg,gif,bmp,png
#optional
#ck.image.save.class=Implementation of com.labsody.lab.ckeditor.FileSaveManager
# if you use "separate image server" or other case. (apache, cdn, nas)
ck.image.dir=/www/images.mydomain.com/upload
ck.image.url=http://images.mydomain.com/upload/
# if you use "web application"'s deployed directory.
#ck.image.dir=/www/www.mydomain.com/upload
#ck.image.url=/upload/