使用的版本：
FCKeditor_2.6.3
fckeditor-java-2.4-bin
1. 新建一WEB项目，将一下jar包放到lib中：
commons-fileupload-1.2.1.jar
commons-io-1.3.2.jar
slf4j-api-1.5.2.jar
slf4j-simple-1.5.2.jar
fckeditor-java-core-2.4.jar
2. 将fckeditor放到WebRoot目录中
3. web.xml文件中添加
<!-- FCKeditor配置 -->
<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>
<!-- FCKeditor配置 -->
4. 在src中新建fckeditor.properties文件：
#Fckeditor setting
#用户上传文件路径目录
connector.userFilesPath=/userUploadFile
connector.userActionImpl=net.fckeditor.requestcycle.impl.UserActionImpl
5. jsp页面：
<%@ page contentType="text/html;charset=utf-8" %>
<%@ page import="java.util.*" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path;
%>
<link href="<%=basePath %>/fckeditor/_samples/sample.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<%=basePath %>/fckeditor/fckeditor.js"></script>
<script type="text/javascript">
//初始化fckeditor
window.onload = function()
{
var sBasePath = "<%=basePath %>/fckeditor/";
var oFCKeditor = new FCKeditor( 'content' ) ;
oFCKeditor.BasePath = sBasePath ;
oFCKeditor.ReplaceTextarea() ;
}
</script>
<html>
<head>
<title>fckeditor_demo</title>
</head>
<body>
<form action="showdata.jsp" method="post">
<textarea name="content" rows="10" cols="80" style="width: 100%; height: 200px" ></textarea>
<br>
<input type="submit" value="提交"/>
</form>
</body>
</html>
6. 提交后，后台取值通过
String data = request.getParameter("content");取值。
项目目录结构：
- 大小: 16.3 KB
分享到：
相关推荐
在本文中，我们将深入探讨如何在Java服务器页面（JSP）中使用FCKEditor，一个流行的富文本编辑器，用于创建和编辑网页内容。FCKEditor提供了丰富的文本格式化功能，使得用户可以在网页上实现类似Word的编辑体验。...
**JSP调用FCKeditor实例详解** 在Web开发中，常常需要提供用户友好的文本编辑功能，FCKeditor便是一个流行的开源富文本编辑器，它允许用户在网页上进行类似Word的文本编辑操作。本实例是关于如何在JavaServer Pages...
这个"**FCKeditor2.3 for jsp编辑器(内附配置说明)**"的压缩包文件包含了适用于Java服务器页面（JSP）的FCKeditor2.3版本，以及相关的配置说明，便于开发者集成到他们的JSP应用程序中。 FCKeditor 2.3是该编辑器的...
然后，在`<body>`标签底部，使用JavaScript创建FCKeditor实例： ```javascript window.onload = function() { var oFCKeditor = new FCKeditor('myEditor') ; oFCKeditor.BasePath = '/fckeditor/' ; // 设置...
在JSP页面中，通过JavaScript代码创建FCKeditor实例。这涉及到设置编辑器的宽度、高度、工具栏配置以及上传图片的路径等。例如： ```jsp ; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <script src="...
这个是一个我修改过的fckeditor for jsp 的jar包的源代码，是fckeditor-2.3的，我修改了ConnectorServlet.java和SimpleUploaderServlet.java两个文件 我在这两个文件中都是加了一个静态变量encoding，private static...
在页面中，我们通过JavaScript创建FCKeditor实例。例如，假设我们有一个`textarea`元素，id为`myEditor`： ```jsp <textarea id="myEditor" name="myEditor"></textarea> ``` 接着，在`<body>`标签中，我们初始化...
4. **创建编辑器实例**：在JSP页面中，通过JavaScript代码创建FCKEditor实例。以下是一个简单的例子： ```javascript var oFCKeditor = new FCKeditor('editorContent') ; oFCKeditor.BasePath = '/js/fckeditor/...
这个实例是针对Java开发环境，特别是与JSP（Java Server Pages）结合使用的情况。下面我们将深入探讨FCKEditor的基本概念、安装部署以及如何在JSP中集成和使用。 ### 1. FCKEditor 简介 FCKeditor是由Fernando ...
最新的fckeditor 2.6jsp版，完整安装包，解压后直接放在网站根目录下就能用了，各项已经配置好了。绝对OK
4. **创建编辑器实例**: 在JSP页面中引入FCKeditor的JavaScript文件，然后使用JavaScript代码创建编辑器实例。 5. **处理数据交互**: 使用JSP和Servlet处理编辑器提交的数据，如保存到数据库或读取已有的内容。 **...
3. **创建编辑器实例**：在jsp页面中，你需要创建一个FCKeditor实例，上面的代码创建了一个名为`editor`的编辑器，高度为300像素，并且初始值为空。 4. **与服务器交互**：FCKeditor允许用户上传文件，如图片或文档...
本文将详细介绍如何在JSP中成功使用FCKeditor，并解决可能出现的乱码问题。 1. **下载与引入FCKeditor** 首先，我们需要从FCKeditor官方网站下载最新版本的编辑器。解压缩后，将`fckeditor`目录复制到你的JSP项目...
**JSP与FCKeditor整合实例** 在Web开发中，我们常常需要编辑器来处理用户输入的富文本，比如文章内容、产品描述等。`FCKeditor`是一款强大的开源在线HTML编辑器，它允许用户像在Word中一样编辑内容，并且能够将其以...
这个例子可能是一个简单的HTML页面，其中包含了创建FCKeditor实例的代码，并可能有一个用于测试的textarea。开发者可以通过运行这个示例了解FCKeditor的基本用法，并在此基础上进行二次开发，比如添加自定义的上传...
**FCKEditor for Java 2.4 JSP配置方法详解** FCKEditor是一款非常流行的开源富文本编辑器，它提供了丰富的HTML编辑功能，使得用户在Web应用中可以方便地进行文本格式化、图像上传等操作。本文将详细介绍如何在Java...
**fckeditor for JSP 完美版** 在Java Web开发中，富文本编辑器是必不可少的工具之一，它为用户提供了一种类似于Microsoft Word的在线文本编辑体验。`fckeditor`正是一款这样的开源组件，它允许用户在网页上进行...
使用`<fckeditor>`标签在JSP页面上创建FCKEditor实例。你需要指定一个服务器端的URL，用于接收用户编辑的内容，这通常是通过一个Servlet实现的。 6. **配置Servlet** 创建一个Servlet来处理FCKEditor的上传请求。...
总之，FCKeditor实例对于想要在ASP.NET项目中使用富文本编辑器的开发者来说是一个宝贵的资源。通过学习和实践这个实例，你可以掌握如何将FCKeditor无缝集成到ASP.NET应用程序中，提升用户的编辑体验，并且能够根据...
这段代码会创建一个FCKeditor实例，并将其与名为`field1`的隐藏表单字段关联。 2. 当用户在编辑器中完成编辑后，提交表单时，`field1`字段将包含富文本内容，可以通过后台Java代码进行处理。 **五、文件上传功能*...