ckEditor + ckFinder 통합 업로드 기능 구현

1.     가다http://ckeditor.com/download
http://ckfinder.com/download
ckEditor 와 ckFinder 를 다운로드 합 니 다. 회사 프로젝트 는 기본적으로 자바 프로젝트 이기 때문에 자바 버 전 을 다운로드 합 니 다.
예 를 들 어 ckeditor - java - 3.6.2. zip, ckfinderjava_2.3.zip

2.     다운 로드 된 압축 파일:
Ckeditor 압축 패키지 의 ckeditor 폴 더 를 프로젝트 루트 디 렉 터 리 에 복사 합 니 다.
Ckfinder 압축 패키지 중 \ \ ckfinderjava_2.3\ckfinder\_sources \ \ CKFinder for Java \ WebApp \ src \ main \ webapp 의 ckfinder 폴 더 를 프로젝트 루트 디 렉 터 리 에 복사 합 니 다.

3.     프로젝트 에 필요 한 JAR 패키지 참조:
Ckeditor 압축 패키지 중 \ WEB - INF \ lib 폴 더 의 ckeditor - java - core - 3.5.3. jar
Ckfinder 압축 패키지 압축 해제 후 CKFinderJava. war 파일 이 있 습 니 다. 이 어 CKFinderJava. war 압축 을 풀 고 \ WEB - INF \ lib 폴 더 에 있 는 CKFinder - 2.3. jar, CKFinderPlugin - fileEditor - 2.3. jar, CKFinderPlugin - IMageResize - 2.3. jar, comons - fileupload - 1.2. jar, comons - io - 2.0.1. jar, thumbnailator - 0.4.2. jar 를 찾 습 니 다.
이 7 개의 가방 을 항목 의 \ WEB - INF \ lib 폴 더 에 복사 합 니 다.

4.     페이지 참조 js:

5.     바 인 딩 페이지 의 textarea:

$(function(){
              var editor = CKEDITOR.replace('mailContents');
              CKFinder.setupCKEditor(editor,'/ckfinder/');
       });

함수 의 mailContents 는 textarea 의 name 속성 값 입 니 다.
/ ckfinder / ckfinder 를 위 한 프로젝트 경로

6. 프로필:
세 번 째 압축 을 푸 는 CKFinderJava 폴 더 의 WEB - INF 에서 config. xml 를 찾 아 두 번 째 줄 의 < enabled > false < / enabled > 를 < enabled > true < / enabled > 설정 으로 업로드 기능 을 사용 합 니 다.
네 번 째 줄 의 < baseURL > / KKFinderJava / userfiles / < / baseURL > 을 수정 하여 빨간색 부분 을 항목 으로 변경 하여 업로드 파일 의 폴 더 를 저장 하고 저장 한 후 항목 의 WEB - INF 폴 더 에 넣 습 니 다.
프로젝트 의 WEB - INF 폴 더 에 있 는 웹. 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>
	<filter>
		<filter-name>FileUploadFilter</filter-name>
		<filter-class>com.ckfinder.connector.FileUploadFilter</filter-class>
		<init-param>
			<param-name>sessionCookieName</param-name>
			<param-value>JSESSIONID</param-value>
		</init-param>
		<init-param>
			<param-name>sessionParameterName</param-name>
			<param-value>jsessionid</param-value>
		</init-param>
	</filter>
	<filter-mapping>
		<filter-name>FileUploadFilter</filter-name>
		<url-pattern>
			/ckfinder/core/connector/java/connector.java
     	 </url-pattern>
	</filter-mapping>

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

다양한 언어의 JSON

JSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

ckEditor + ckFinder 통합 업로드 기능 구현

좋은 웹페이지 즐겨찾기