J2EE学习笔记——JSP使用Fckeditor 上传图片_jsp fckefitor 图片上传-优快云博客

本文链接：https://blog.youkuaiyun.com/ibcve/article/details/8911617

首先需要下载 FCKidetor 所用的文件和相关 jar 包并导入，在这里下载点击下载FCK文件和jar包

项目截图：

一、FCK配置

1、解压FCKidetor 所用的jar 包 (上面下载的)后，将jar包导入至工程的lib中；

2、FCKeditor.zip解压后，将fckeditor文件夹整个拷贝至WebRoot下。

3、新建fckditor.propertise(---文件放到src目录下)

fckditor.propertise 的内容为：connector.userActionImpl=net.fckeditor.requestcycle.impl.UserActionImpl

4、在web.xml中加入下面一段代码：

<servlet>
      <servlet-name>Connector</servlet-name>
        <servlet-class>
          net.fckeditor.connector.ConnectorServlet
      </servlet-class>
      <load-on-startup>1</load-on-startup>
    </servlet>
	
 <servlet-mapping>
      <servlet-name>Connector</servlet-name>
      <url-pattern>
        /fckeditor/editor/filemanager/connectors/*
      </url-pattern>
    </servlet-mapping>

=========================================================================================

index.jsp代码：

<%@ page language="java" import="java.util.*" pageEncoding="gb2312"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	
	
	<script language="javascript" type="text/javascript" src="DatePicker/WdatePicker.js" ></script>
 <script type="text/javascript" src="fckeditor/fckeditor.js"></script>
 
	<script type="text/javascript">

window.onload = function()
{
	
    var sBasePath="<%=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+request.getContextPath()+"/fckeditor/" %>"
	var oFCKeditor = new FCKeditor( 'pfckeditor' ) ;
	oFCKeditor.BasePath	= sBasePath ;
	oFCKeditor.ReplaceTextarea() ;
}

	</script>
  </head>
  
  <body>
   <form action ="SaveTheFCK" method="post">
 

    <textarea rows="90" cols="120" name="pfckeditor">
    </textarea>
    <br>
    点击显示日期： <input type="text" name="time" onClick="WdatePicker()">
    <br>
    <input type="submit" value="提交">
    </form>
  </body>
</html>