홈페이지>네트워크 프로그래밍 튜토리얼>JSP 튜토리얼

JSP 환경에서 fckeditor를 구성하고 사용하는 방법

저자：Eve Cole 업데이트 시간：2009-07-03 17:02:18

FCKeditor는 sourceforge.net의 오픈 소스 프로젝트로 주로 온라인 웹 페이지 편집기의 기능을 구현하여 웹 프로그램이 MS Word와 같은 강력한 편집 기능을 가질 수 있도록 합니다. 공식 웹사이트는 http://www.fckeditor.net이며, 서버 측에서 ASP.Net, ASP, ClodFusion, PHP, Java 및 기타 언어를 지원하고 IE 5+, Mozilla 및 넷스케이프.

먼저 공식 웹사이트에서 fckeditor를 다운로드하세요. 두 개의 패키지가 있습니다. 하나는 기본 파일이고 다른 하나는 jsp 통합 패키지입니다.

1. FCKeditor_2.2.zip(FCKeditor 메인 파일)의 압축을 풀고 FCKeditor 디렉터리를 웹사이트의 루트 디렉터리에 복사합니다.

2. FCKeditor-2.3.zip(jsp, FCKeditor 통합 패키지)의 압축을 풉니다. Java 스크립틀릿이나 Javascript API를 사용하는 복잡함 없이 Java 서버 페이지 내에서 FCKeditor를 사용하기 위한 JSP 통합 팩

3. FCKeditor-2.3/web/WEB-INF/web.xml에 있는 두 개의 서블릿 및 서블릿 매핑 정의를 복사합니다. 자신의 프로젝트 web.xml 파일에서 다음 내용을 수정하십시오

.

 
<서블릿 매핑> 
<servlet-name>커넥터</servlet-name> 
<URL 패턴>
/editor/filemanager/browser/default/connectors/jsp/connector
</url-패턴> 
</서블릿 매핑> 

<서블릿 매핑> 
<servlet-name>SimpleUploader</servlet-name> 
<url-pattern>/editor/filemanager/upload/simpleuploader</url-pattern> 
</서블릿 매핑>

수정 결과:

 
<서블릿 매핑> 
<servlet-name>커넥터</servlet-name> 
<URL 패턴>
/FCKeditor/editor/filemanager/browser/default/connectors/jsp/connector
</url-패턴> 
</서블릿 매핑> 

<서블릿 매핑> 
<servlet-name>SimpleUploader</servlet-name> 
<URL 패턴>/FCKeditor/editor/filemanager/upload/simpleuploader
</url-패턴> 
</서블릿 매핑>

4. FCKeditor-2.3/web/WEB-INF/lib 디렉터리의 파일을 자신의 프로젝트의 lib 폴더에 복사합니다.

5. FCKeditor를 사용해야 하는 jsp 인터페이스에 추가합니다.

//

//

추가

파일 // 사용처 결합

 
<FCK:editor id="content" basePath="/FCKeditor/" 
imageBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html?
유형=이미지&커넥터=커넥터/jsp/커넥터" 
linkBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html?
커넥터=커넥터/jsp/커넥터" 
flashBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html?
유형=플래시&커넥터=커넥터/jsp/커넥터" 
imageUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=이미지" 
linkUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=파일" 
flashUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Flash"> 
기본컨텐츠입니다 :) 
</FCK:편집기>

서버 테스트 시작... 성공 후 FCKeditor를 축소해 보겠습니다.

1. FCKeditor 디렉터리 및 하위 디렉터리에서 "_" 밑줄로 시작하는 모든 폴더를 삭제합니다.

2. fckconfig.js, fckeditor.js만 FCKeditor 루트에 유지됩니다. 나머지 fckstyles.xml, fcktemplates.xml을 모두 삭제합니다.

3. editor/filemanager/upload 디렉터리에서 파일과 폴더를 지웁니다.

4. 기본 파일만 남겨두고 editor/skins 디렉터리에서 스킨 파일을 삭제할 수도 있습니다. 스킨 세트 (스킨을 변경할 필요가 없는 경우)

5. editor/lang 디렉토리의 파일을 삭제하고 en.js, fck언어manager.js, zh-cn.js, zh.js 파일만 유지할 수도 있습니다. (영어, 간체자, 번체자는 일반적으로 이정도면 충분합니다 :) )

완료되었습니다.

기타 문제:

struts+spring+hibernate에서 사용하면

이미지 업로드 기능에 오류 메시지가 나타날 수 있습니다.

출력 형식에는 '{http://xml.apache.org/xalan}content-handler' 속성이 있어야 합니다

. WEB-INF/lib 디렉터리의 xalan*.jar을 삭제하고

보안 문제를 시도해 보세요.

일반 사용자도 FCKEditor를 프런트 데스크에서 사용할 수 있다면 관련 보안 문제에 주의하세요. 프런트 데스크에서 사용할 때는 기본값을 사용하지 마세요. ToolBar, add 이미지, 플래시, 이미지 필드 버튼이 제거되었습니다. fckconfig.js에서 약 78줄의 배열 값을 구성하는 것은 인터페이스의 기능과 같습니다. 각 값 세트가 무엇인지 강제로 시험해 볼 수 있습니다. ​를 ​​나타냅니다.

이제 FCKeditor 설치가 완료되었습니다. 자세한 구성은 FCKeditor-2.3.zip, (jsp, FCKeditor 통합 패키지) 폴더의 web/_samples 디렉토리에서 예제를 참조하세요.
관련 기사