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-pattern>/FCKeditor/editor/filemanager/upload/simpleuploader</url-pattern> </서블릿 매핑> |
4. FCKeditor-2.3/web/WEB-INF/lib 디렉토리의 파일을 자신의 프로젝트의 lib 폴더에 복사합니다
. 5. FCKeditor를 사용해야 하는 jsp 인터페이스에 추가합니다:
//
<%@ taglib uri=
추가 파일 시작 부분에"http://fckeditor.net/tags-fckeditor" prefix="FCK" %>
//사용하려는 위치 추가
<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 디렉토리에서 예제를 참조하세요.