JSP 는 ckeditor 와 ckfinder 를 사용 하여 부 텍스트 및 업로드 기능 을 실현 합 니 다.
ckeditor 환경 구축, 참고 하 세 요. JSP 에 서 는 CKEditor 3.6 입문 튜 토리 얼 JSP 페이지 를 사용 하여 부 텍스트 컨트롤 ckeditor 로 폼 데 이 터 를 제출 합 니 다.
JSP 페이지 는 부 텍스트 컨트롤 ckeditor 사용자 정의 스타일 을 사용 합 니 다.
JSP 는 ckeditor 와 ckfinder 를 사용 하여 부 텍스트 및 업로드 기능 소스 다운 로드 를 실현 합 니 다.
1. ckeditor 다운로드 주소:http://ckeditor.com/download Kfinder 다운로드 주소:http://ckfinder.com/download
2. 다운로드 한 ckeditor - java - x. x. zip 과 ckfinderjava_x. x. zip 이 두 개의 압축 파일
ckeditor - java - x. x. zip 디 렉 터 리 에 있 는 ckeditor 폴 더 와 ckfinderjava_x. x. zip 디 렉 터 리 의 ckfinderjava_x.x\ckfinder\_sources\CKFinderfor_Java \ \ WebApp \ src \ main \ webapp \ \ ckfinder 프로젝트 의 Webroot 루트 디 렉 터 리 에 복사 합 니 다.
3. 다운로드 한 2 개의 파일 의 lib 디 렉 터 리 에 있 는 가방 을 프로젝트 의 lib 아래 에 복사 합 니 다
4. ckfinderjava_x. x 디 렉 터 리 의 ckfinderjava_x.x\ckfinder\_sources\CKFinderfor 자바 \ \ WebApp \ src \ main \ webapp \ WEB - INF 디 렉 터 리 의 config. xml 파일 을 프로젝트 의 Webroot \ WEB - INF 디 렉 터 리 에 복사 한 다음 config. xml: 첫 번 째 줄 의 < enabled > false < / enabled > 를 < enabled > true < / enabled > 로 변경 합 니 다.세 번 째 줄 의 < baseURL > / code / upload / < / baseURL > (업로드 파일 저장 경 로 를 루트 디 렉 터 리 에 저장 하고 싶 은 곳 으로 변경 합 니 다) 여기 서 제 가 사용 하 는 절대 경로 입 니 다. 그 중에서 code 는 프로젝트 의 이름 입 니 다. 이렇게 쓰 지 않 으 면 업로드 로 가 져 온 경 로 는 / upload / 디 렉 터 리 로 그림 을 제대로 표시 할 수 없습니다.
5. 수정 항목 의 웹. xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
<servlet>
<servlet-name>ConnectorServlet</servlet-name>
<servlet-class>com.ckfinder.connector.ConnectorServlet</servlet-class>
<init-param>
<param-name>XMLConfig</param-name>
<param-value>/WEB-INF/config.xml</param-value>
</init-param>
<init-param>
<param-name>debug</param-name>
<param-value>false</param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>ConnectorServlet</servlet-name>
<url-pattern>
/ckfinder/core/connector/java/connector.java
</url-pattern>
</servlet-mapping>
<session-config>
<session-timeout>10</session-timeout>
</session-config>
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
</web-app>6. 설정 완료 후 JSP 페이지 에서 taglib 방식 으로 호출 - index. jsp
<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<%@ taglib uri="http://ckeditor.com" prefix="ckeditor"%>
<%@ taglib uri="http://ckfinder.com" prefix="ckfinder"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
function test() {
//JavaScript ，
var editor_data = CKEDITOR.instances.content.getData();
if(editor_data==null||editor_data==""){
alert(" ");
}else{
if(confirm(editor_data)){
document.myform.submit();
}
}
}
</script>
<title>ckeditor -- by jCuckoo</title>
</head>
<body>
<form action="doTest.jsp" name="myform" method="post">
<ckfinder:setupCKEditor editor="content" basePath="ckfinder/" />
<ckeditor:editor basePath="ckeditor/"
editor="content" value="CKEditor Test......( )--by jCuckoo " />
<input type="button" onclick="test()" value=" "/>
</form>
</body>
</html>
7. 테스트 효과 도
8. 페이지 doTest. jsp 코드 및 디 스 플레이 효과 수락
<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title> -- by jCuckoo</title>
</head>
<body>
<%request.setCharacterEncoding("gbk"); %>
<%=request.getParameter("content") %>
</body>
</html>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Is Eclipse IDE dying?In 2014 the Eclipse IDE is the leading development environment for Java with a market share of approximately 65%. but ac...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
