FCKEditor 사용 설명

1.FCKeditor 소개
FCKeditor 라 는 오픈 소스 HTML 텍스트 편집 기 는 웹 프로그램 이 MS Word 와 같은 강력 한 편집 기능 을 가지 게 할 수 있 습 니 다.
IE 5.5+,Firefox 1.0+,Mozilla 1.3+,Netscape 7+등 현재 유행 하 는 브 라 우 저 를 지원 할 수 있 습 니 다.
 
FCKeditor 소송 측 사이트 주소:http://www.fckeditor.net/
FCKeditor 온라인 데모:http://www.fckeditor.net/demo
FCKeditor 다운로드 직 주소:http://www.fckeditor.net/download(이 버 전 은 2.3.2),최신 버 전 은 2.4 입 니 다.
 
2.FCKeditor.java 소개
JSP 프로젝트 에서 직접 사용 할 수 없습니다.FCKeditor.java 라 이브 러 리 의 지원 이 필요 합 니 다.
FCKeditor.java 는 JAVA 에 FCKeditor 를 사용 해 Simone Chiaretta 가 개발 한 FCKeditor 를 대상 으로 한 JAVA 구현 이다.
다운로드 주소:http://www.fckeditor.net/download(최근 버 전 2.3)
 
3.JAVA 프로젝트 에서 FCKeditor 온라인 편집기 사용
개발 환경:JDK 5.0+ Eclipse3.2.1 + WTP1.5.2
(1)WEB 프로젝트 새로 만 들 기:
(2)압축 풀기 FCKeditor2.3.2.zip 패키지,그 중의 edit 폴 더 를 프로젝트 의 WebRoot 디 렉 터 리 에 저장 합 니 다.
(3)압축 풀기 FCKeditor2.3.2.zip 패키지,fckconfig.js,fckeditor.js,fckstyles.xml,fcktemplates.xml 폴 더 를 프로젝트 의 WebRoot 디 렉 터 리 에 저장 합 니 다.
(4)FCKeditor.java-2.3.zip 패 키 지 를 압축 해제 하고 그 중의\웹\WEB-INF\\lib 아래 두 개의 jar 파일 을 프로젝트 의 WebRoot\WEB-INF\\lib 디 렉 터 리 에 저장 합 니 다.
(5)FCKeditor.java-2.3.zip 패 키 지 를 압축 해제 하고 그 중의\src 의 FCKeditor.tld 파일 을 프로젝트 의 WebContent\WEB-INF 디 렉 터 리 에 저장 합 니 다.
(6)WebContent\\edit 디 렉 터 리 의 삭제source 폴 더시작 파일
완 료 된 디 렉 터 리 구조 아래:
설명:그림 의 input.jsp 와 display.jsp 두 개 는 제 가 쓴 테스트 통합 FCKeditor 의 JSP 파일 입 니 다.
  UserFiles 는 FCKeditor 가 파일 을 업로드 한 폴 더 입 니 다.
WebContent/WEB-INF/web.xml 파일 을 수정 하고 FCKeditor 의 설정 정 보 를 추가 합 니 다.다음 과 같 습 니 다.
<?xml version="1.0" encoding="UTF-8"?>
<web-app id="WebApp_ID" version="2.4"
    xmlns="http://java.sun.com/xml/ns/j2ee"
    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
    <display-name>FCKeditor</display-name>
    <servlet>
        <servlet-name>Connector</servlet-name>
        <servlet-class>
            com.fredck.FCKeditor.connector.ConnectorServlet
        </servlet-class>
        <init-param>
            <param-name>baseDir</param-name>
            <!--          -->
            <param-value>/UserFiles/</param-value>
        </init-param>
        <init-param>
            <param-name>debug</param-name>
            <param-value>true</param-value>
        </init-param>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet>
        <servlet-name>SimpleUploader</servlet-name>
        <servlet-class>
            com.fredck.FCKeditor.uploader.SimpleUploaderServlet
        </servlet-class>
        <init-param>
            <param-name>baseDir</param-name>
            <!--         ,   WebRoot       UserFiles     -->
            <!--                    Image、Flash -->
            <param-value>/UserFiles/</param-value>
        </init-param>
        <init-param>
            <param-name>debug</param-name>
            <param-value>true</param-value>
        </init-param>
        <init-param>
            <!--              -->
            <param-name>enabled</param-name>
            <param-value>false</param-value>
        </init-param>
        <init-param>
            <param-name>AllowedExtensionsFile</param-name>
            <param-value></param-value>
        </init-param>
        <init-param>
            <!--         ,              -->
            <param-name>DeniedExtensionsFile</param-name>
            <param-value>
                php|php3|php5|phtml|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|dll|reg|cgi
            </param-value>
        </init-param>
        <init-param>
            <param-name>AllowedExtensionsImage</param-name>
            <param-value>jpg|gif|jpeg|png|bmp</param-value>
        </init-param>
        <init-param>
            <param-name>DeniedExtensionsImage</param-name>
            <param-value></param-value>
        </init-param>
        <init-param>
            <param-name>AllowedExtensionsFlash</param-name>
            <param-value>swf|fla</param-value>
        </init-param>
        <init-param>
            <param-name>DeniedExtensionsFlash</param-name>
            <param-value></param-value>
        </init-param>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>Connector</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-mapping>
</web-app>
 
 
주:웹.xml 에 자주 사용 되 는 설정 에 대한 설명 이 추가 되 었 습 니 다.
  • 새 input.jsp 파일 의 내용 은 다음 과 같 습 니 다.(내용 중의'testfck'이라는 id 를 주의 하 십시오)
    <%...@ page contentType="text/html;charset=UTF-8" language="java"%>
    <%...@ taglib uri="/WEB-INF/FCKeditor.tld" prefix="fck"%>
    <html>
    <head>
    <title>Test</title>
    </head>
    <script type="text/javascript" src="fckeditor.js"></script>
    <script type="text/javascript">...
    window.onload = function() ...{
     var oFCKeditor = new FCKeditor("testfck"); <!—     -->
     oFCKeditor.BasePath = "";
     oFCKeditor.ToolbarSet = "Basic";
     oFCKeditor.ReplaceTextarea("testfck");
    }
    </script>
    <body>
    <FORM action="display.jsp">
    <textarea rows="20" cols="20"
        id="testfck" name="testfck"></textarea> <br> <!—     -->
    <hr>
    <input type="submit" value="  "></FORM>
    </body>
    </html>
    설명:JSP 에 FCKeditor 를 통합 하 는 데 다음 과 같은 몇 가지 방식 이 있 습 니 다.(1)JavaScript 통합:    위 내용 에서 보 듯 이 FCKeditor 대상 을 새로 만 든 다음 이 대상 의 설정 방법 으로 FCKeditor 의 각 속성 을 설정 하고 마지막 으로 FCKeditor 의 ReplaceTextarea()를 사용 하여 HTML 페이지 의
  • 좋은 웹페이지 즐겨찾기