一、准备
下载FCKeditor的最新版本2.4RC（这个是核心）FCKeditor_2.4.zip，若在Java环境中使用，还需要下载FCKeditor for java的工具包FCKeditor.Java 2.3（这里面提供了标签库和图片上传的jar）FCKeditor-2.3.zip 。
二、配置
- 新建工程compass，在WebRoot文件夹下新建文件夹FCKeditor（用来存放FCKeditor相关文件）
- 将FCKeditor_2.4包中的 edit 文件夹和fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml 这四个文件放到项目中的 FCKeditor 目录。
- 将FCKeditor-2.3.zip 包中的 \web\WEB-INF\lib 下的两个 jar 文件到项目的 WebRoot\WEB-INF\lib 目录
- 将FCKeditor-2.3.zip 包中的 \src 下的 FCKeditor.tld 文件到项目的 WebRoot\WEB-INF 目录
- 在 WebRoot 目录下新建 UserFiles 文件夹，在此文件夹下新建 Image 和 Flash 两个文件夹
- 修改 web.xml 文件，加入以下内容
<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>
<!-- 此参数为是否开启上传功能，默认的是false改为true -->
<param-name>enabled</param-name>
<param-value>true</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>/FCKeditor/editor/filemanager/browser/default/connectors/jsp/connector</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>SimpleUploader</servlet-name>
<url-pattern>/FCKeditor/editor/filemanager/upload/simpleuploader</url-pattern>
</servlet-mapping> 刷新一下工程，有一个文件会出错，不管它是什么错，将错误信息清除
三、应用
-
新建一个提交页 test.jsp 文件和一个接收页 test1.jsp 文件
test.jsp 代码如下：
test1.jsp 代码如下：
就可以开始测试了，尤其是上传图片、flash功能
四、优化
删除 \WebRoot\FCKeditor\editor\filemanager\browser\default\connectors 目录下所有的文件，这些是用来浏览文件的，对于jsp的话是使用了 servlet 来处理，所以这些文件都是多余的
删除 \WebRoot\FCKeditor\editor\filemanager\upload 目录下所有的文件
删除 WebRoot\FCKeditor\editor\lang 目录下不需要的语言，如保留中文和英文还有 fcklanguagemanager.js 文件
删除 \WebRoot\FCKeditor\editor\skins 目录下不需要的皮肤文件，有三种皮肤，可根据需要进行删除
删除 \WebRoot\FCKeditor\editor\dialog\fck_image 目录下 fck_image_preview.html 文件中的部份文字，这些文字是出现在浏览图片时在预览框中的内容
- <html>
- <head>
- <title>TEST</title>
- </head>
-
- <body>
- <%=request.getParameter("testfck")%>
- </body>
- </html>
java 代码
-
- <%@ taglib uri="/WEB-INF/FCKeditor.tld" prefix="fck" %>
- <html>
- <head>
- <title>Test</title>
- </head>
-
- <body>
- <FORM action="updateMessage.jsp">
- <fck:editor id="testfck" basePath="/compass/FCKeditor/"
- height="100%"
- skinPath="/compass/FCKeditor/editor/skins/default/"
- toolbarSet="Default"
- imageBrowserURL="/compass/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector"
- linkBrowserURL="/compass/FCKeditor/editor/filemanager/browser/default/browser.html?Connector=connectors/jsp/connector"
- flashBrowserURL="/compass/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector"
- imageUploadURL="/compass/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Image"
- linkUploadURL="/compass/FCKeditor/editor/filemanager/upload/simpleuploader?Type=File"
- flashUploadURL="/compass/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Flash">
- </fck:editor>
- </FORM>
- </body>
- </html>
分享到：
相关推荐
- 为了兼容不同的浏览器，确保在JSP页面中使用XHTML标准。 - 如果在部署时遇到路径问题，检查FCKeditor的URL是否正确，确保所有相关文件可访问。 - 考虑安全问题，对用户提交的内容进行过滤和验证，防止XSS攻击。 ...
《FCKeditor在JSP中的应用...总之，FCKeditor在JSP中的集成并不复杂，通过合理的配置和使用，能为用户提供一个功能强大且易于操作的文本编辑环境。对于新闻发布、内容管理等应用场景，FCKeditor是一个非常实用的工具。
**JSP中使用FCKEditor** FCKEditor是一款在Web应用程序中广泛使用的开源富文本编辑器，它允许用户在浏览器端进行类似Word的文本编辑。在JSP（JavaServer Pages）环境中集成FCKEditor，可以极大地提升用户界面的交互...
版本2.3是其历史版本之一，虽然现在已经有了更先进的替代品，但理解如何在JSP中配置FCKeditor对于维护旧系统或学习历史技术仍然很有价值。 ### 一、FCKeditor简介 FCKeditor（Full-Featured Client-side Text ...
总结来说，FCKeditor 2.6.4 的配置和集成涉及到多个步骤，包括下载必要的文件、设置环境依赖、配置属性文件、更新 `web.xml` 文件以及在 JSP 页面中使用编辑器。通过这些步骤，可以在 JSP 项目中成功部署和使用 ...
在Eclipse中，新建一个动态Web项目，然后将FCKeditor文件夹放入WebContent目录下，将上述代码添加到JSP页面中，即可运行并测试。 通过以上步骤，你可以在JSP页面上成功集成FCKeditor，提供给用户一个强大的文本编辑...
**FCKeditor在JSP中的简单使用（Netbeans）** FCKeditor是一款强大的网页文本编辑器，它允许用户在浏览器端进行富文本编辑，提供类似于Word的编辑体验。在Java Web开发中，尤其是在使用JSP时，FCKeditor常被用于...
在Web开发中，JSP（JavaServer Pages）是一种动态网页技术，常用于构建服务器端的交互式应用程序。FCKeditor则是一款强大的富文本编辑器，它允许用户在网页上进行类似Word的文本编辑，包括插入图片、链接等操作。...
下面我们将详细探讨如何在JSP项目中使用FCKEditor 2.6版本。 1. **FCKEditor概述** FCKeditor 2.6是一个基于JavaScript的富文本编辑器，支持多种浏览器，包括IE、Firefox、Chrome和Safari等。它提供了丰富的文本...
这个是一个我修改过的fckeditor for jsp 的jar包的源代码，是fckeditor-2.3的，我修改了ConnectorServlet.java和SimpleUploaderServlet.java两个文件 我在这两个文件中都是加了一个静态变量encoding，private static...
在JSP环境中配置和使用FCKeditor涉及到一系列步骤，这个开源项目旨在提供一个强大的在线文本编辑器，使得Web应用程序能够具备类似MS Word的编辑功能。FCKeditor支持多种服务器端语言，包括Java，并且兼容IE 5+、...
压缩包包括： 1、使用FCKeditor jsp版本必备的五个包 2、fckeditor.properties配置 3、FCKeditor_2.6.4.zip 4、web.xml详细配置 5、调用方法的index.jsp 6、详细使用步骤
在JSP环境中使用FCKeditor，可以极大地提升网站内容编辑的便捷性和用户体验。 **1. FCKeditor安装与集成** 首先，你需要从FCKeditor的官方网站下载对应版本的编辑器压缩包，解压后会得到一个包含各种文件和目录的...
- **在JSP中使用**：通过JavaScript在JSP页面上创建FCKeditor实例，设置编辑器的宽高、初始内容等属性。 - **处理文件上传**：FCKeditor可以处理文件上传，需要在服务器端配置合适的存储路径，并处理Servlet的请求...
### 在JSP环境中配置使用FCKEditor #### 一、FCKEditor简介 FCKeditor是一个源自由项目，可在sourceforge.net上找到，其主要功能是实现在线网页编辑器的功能，使得Web应用程序能够具备类似MS Word的强大编辑能力。...
要在MyEclipse中使用FCKeditor，首先需要下载FCKeditor的压缩包，然后将其解压到项目的WebContent目录下。接下来，在JSP文件中引入FCKeditor的JavaScript库，并配置相应的路径。在MyEclipse中，可以直接运行项目，...
FCKeditor是一款功能强大的开源文本编辑器，广泛应用于网页内容编辑，尤其在Java JSP开发环境中。它提供了丰富的文本格式化选项，支持图片、链接、表格等多媒体元素的插入，使得网页内容编辑更加直观和便捷。在JSP...
本文将详细介绍如何在JSP中成功使用FCKeditor，并解决可能出现的乱码问题。 1. **下载与引入FCKeditor** 首先，我们需要从FCKeditor官方网站下载最新版本的编辑器。解压缩后，将`fckeditor`目录复制到你的JSP项目...
3. **实例化FCKeditor**：在JSP页面中，使用JavaScript代码实例化FCKeditor。这将创建一个编辑器实例，并指定其在页面上的ID以及与服务器交互的URL。 ```javascript var oFCKeditor = new FCKeditor('editor1') ; ...