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 에 자주 사용 되 는 설정 에 대한 설명 이 추가 되 었 습 니 다.
<%...@ 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 페이지 의이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Fortinet FortiWeb Web Application Firewall Policy BypassFrom: Geffrey Velasquez Date: Wed, 2 May 2012 20:33:23 -0500...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.