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-mapping>
수정
<servlet-name>커넥터</servlet-name>
<url-pattern>/editor/filemanager/browser/default/connectors/jsp/connector</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>SimpleUploader</servlet-name>
<url-pattern>/editor/filemanager/upload/simpleuploader</url-pattern>
</서블릿 매핑>
<서블릿 매핑>
의 경우
<servlet-name>커넥터</servlet-name>
<url-pattern>/FCKeditor/editor/filemanager/browser/default/connectors/jsp/connector</url-pattern>
</servlet-mapping>
<servlet-mapping>
<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?Type=Image&Connector=connectors/jsp/connector"
linkBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html?Connector=connectors/jsp/connector"
flashBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector"
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. FCKeditor 루트 디렉터리에는 fckconfig.js, fckeditor.js, 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를 사용하지 마세요.
이미지, 플래시, 이미지 필드 추가 버튼을 제거하려면 fckconfig.js의 약 78줄에 해당 배열의 값을 인터페이스의 함수로 구성하면 각 값 집합이 무엇을 나타내는지 강제로 시험해 볼 수 있습니다. :P
이것으로 FCKeditor 설치가 완료되었습니다. 자세한 구성은 FCKeditor-2.3.zip, (jsp, FCKeditor 통합 패키지) 폴더의 web/_samples 디렉토리에서 예제를 참조하세요.