一、准备
下载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中加入fckeditor，并且获得fckeditor中编辑的数据
修改如下 url, 使用 fckeditor servelt 来做文件上传与目录浏览： FCKConfig.LinkBrowserURL = FCKConfig.BasePath " filemanager/browser/default/browser.html?Connector=connectors/jsp/connector " ; FCKConfig....
JSP使用Fckeditor所用jar包
这个是一个我修改过的fckeditor for jsp 的jar包的源代码，是fckeditor-2.3的，我修改了ConnectorServlet.java和SimpleUploaderServlet.java两个文件 我在这两个文件中都是加了一个静态变量encoding，private static...
压缩包包括： 1、使用FCKeditor jsp版本必备的五个包 2、fckeditor.properties配置 3、FCKeditor_2.6.4.zip 4、web.xml详细配置 5、调用方法的index.jsp 6、详细使用步骤
一个简单的jsp调用FCKeditor 实例，是一个eclipse工程，适合初学者
fckeditor在jsp页面中的运用fcktwo
JSP使用FCKeditor（带上传图片）实例.rar
在JSP环境中如何来配置和使用fckeditor，详细说明，非常实用
NULL 博文链接：https://xwpxcom.iteye.com/blog/727624
FCKeditor 这个开源的HTML 文本编辑器可以让web 程序拥有如MS Word 这样强大的编辑功能，.FCKeditor 支持当前流行的浏览器。
jsp 程序调用fckeditor2.6 版本的 小例子 本人发现fckeditor2.6加 fckeditor for 2.3 的时候在上传中文文件的时候会出现乱码 所以本人就小改了一下 fckeditor2.3的源代码，以时间重命名上传文件名，没什么技术...
本程序是讲述怎样在Netbeans中开发jsp的时候嵌入fckeditor，并从其编辑的数据中获得他的一个完整实例
在jsp环境中配置使用FCKEditor
JSP使用FCKeditor详解
jsp程序中使用fckeditor编辑器
在jsp页面出现FCKeditor 引用错误. 把页面中的下面代码中 id="infoContent" basePath="../../FCKeditor/" width="822" height="300" skinPath="../../FCKeditor/editor/skins/silver/" defaultLanguage="zh-cn" ...
NULL 博文链接：https://gcguchao8888-sina-com.iteye.com/blog/526242
fckeditor本人曾在php 、asp 环境下使用。闲暇之余，配置一下jsp环境的运用。由于直接传值在jsp环境下会乱码，我再加上字符过滤Filter。不想一试就成功咯、了，顾分享与大家
FCKeditor （jsp在线编辑器）配置总结