1、将FCKeditor文件夹拷贝到WebRoot下
FCKeditor文件夹中包含了fck用到的js及css等
2、将FCKeditor.tld拷贝到WEB-INF下
FCKeditor.tld的拷贝用于在jsp中引入标签
3、将所用的jar包拷贝到WEB-INF/lib中(包含了fck用到的java类、源码、上传下载用到的包)
4、修改web.xml---用于上传下载
<servlet>
<servlet-name>Connector</servlet-name>
<servlet-class>com.utils.fckeditor.connector.ConnectorServlet</servlet-class>
<init-param>
<param-name>baseDir</param-name>
<param-value>/images/fck_img/</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.utils.fckeditor.uploader.SimpleUploaderServlet</servlet-class>
<init-param>
<param-name>baseDir</param-name>
<param-value>/images/fck_img/</param-value>
</init-param>
<init-param>
<param-name>debug</param-name>
<param-value>true</param-value>
</init-param>
<init-param>
<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|png</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>/Connector</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>SimpleUploader</servlet-name>
<url-pattern>/SimpleUploader</url-pattern>
</servlet-mapping>
5、将自定义的fck java类拷贝放到src下
注意文件夹路径与web.xml对应,这两个servlet在一定程度上已经解决了fck中的bug。但上传文件名中不能包含汉字的bug仍没解决,待后续补充。
6、Jsp中引用
<%@ taglib prefix="fck" uri="/WEB-INF/FCKeditor.tld" %>
<fck:editor id="sss" width="500" height="400"> </fck:editor>
<!-- 注意fck标签有个空格 意思两标签中间必须有内容 否则不显示 -->
分享到:
相关推荐
【JSP+FCK编辑器使用说明...总的来说,JSP+FCK编辑器的配置和使用并不复杂,主要涉及文件的部署、库的引入以及在JSP页面中的集成。了解这些基础操作,开发者就能在自己的项目中有效地利用FCKeditor提供富文本编辑功能。
2. **Web.xml中的FCK配置**: - 在`web.xml`部署描述符中,需要定义一个名为`ConnectorServlet`的Servlet。这个Servlet负责处理FCKeditor与服务器之间的通信,如文件上传和管理。 - `<load-on-startup>`元素设置为...
在“FCK整合JSP 简化之后的”项目中,开发者可能已经完成了上述步骤,并优化了整合过程,使得用户可以直接运行而无需进行复杂的配置。这通常意味着所有必要的文件都已经包含在内,例如配置文件、样式表和必需的...
其中test.jsp与test.html为测试FCK页面,部署到其它项目步骤如下: 1.将FCKedit-2.3.jar、commons-beanutils-1.7.0.jar、commons-fileupload-1.2.jar、commons-io-1.3.2.jar、commons-lang-2.0.jar、commons-...
标题中的"fck.rar_fck"可能指的是FCKeditor的一个压缩包文件,其中包含了该编辑器的相关资源和代码。 FCKeditor的主要特点包括: 1. **跨浏览器兼容性**:FCKeditor支持多种主流浏览器,如Internet Explorer、Fire...
配置fckeditor涉及到多个步骤,包括下载安装、整合到项目中以及自定义设置。 【知识点详解】: 1. **fckeditor简介**: fckeditor是一款基于JavaScript的开源富文本编辑器,支持多种浏览器,如IE、Firefox、...
### Struts2项目中JSP页面使用...通过以上步骤,您可以成功地在Struts2项目中的JSP页面集成和使用FCKeditor。这不仅提升了用户在输入富文本时的体验,也为开发者提供了更灵活的文本处理方式。希望本文对您有所帮助!
FCKeditor由Frederico Caldeira Knabben开发,其名称中的“FCK”正是开发者名字的首字母缩写。这款编辑器支持多种编程语言,包括但不限于PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java和ABAP。这意味着开发者...
你需要将这些文件部署到你的Web应用的公共可访问目录,以便在JSP页面中通过标签引用。 对于后端部分,Fckeditor需要与服务器进行通信,处理上传文件、保存数据等操作。这通常涉及到特定的Servlet或Action类,它们...
通过上述步骤,我们不仅成功地在JSP项目中集成了FCKeditor,而且还了解了如何配置相关的参数来满足实际需求。FCKeditor的强大功能为开发者提供了更多的可能性,同时也极大地提升了用户的编辑体验。无论是对于初学者...
### jsp ckeditor3.6.2集成ckfinder知识点详解 #### 一、ckeditor与ckfinder简介 ...通过以上步骤,可以成功地在jsp环境中实现ckeditor与ckfinder的整合,为项目提供强大的富文本编辑和文件管理功能。
7. **测试与调试**:完成上述步骤后,通过浏览器访问你的JSP页面,尝试在FCKeditor中插入图片,查看图片是否能成功上传并显示。如果出现问题,检查服务器日志或使用开发者工具进行调试。 通过以上步骤,你就能够在...
在JSP中集成FCKEditor,通常涉及以下几个步骤: 1. **下载与引入**:首先从官方或第三方源获取FCKeditor的压缩包,解压后将文件上传到服务器的Web应用目录下,如`/WEB-INF/fckeditor/`。 2. **配置路径**:在JSP...
按照上述步骤配置好FCKeditor后,将其集成到你的Web应用中,用户就可以在编辑器中愉快地上传和管理图片了。 总的来说,FCKeditor的图片上传功能是一个涉及到前端交互、服务器处理和文件系统操作的综合过程。理解和...
这个例子提供了如何在Java后端与JSP前端结合使用CKEditor实现文件上传的详细步骤。 1. **配置CKEditor**:在网页中集成CKEditor,你需要在HTML中引入CKEditor的相关JS文件,并设置编辑器实例。例如: ```html ...
需要注意的是,在实际部署过程中可能会遇到一些细节问题,比如路径配置错误等,因此建议仔细检查每一步骤,并根据实际情况灵活调整。此外,随着技术的发展,目前FCKeditor已被更多新的编辑器替代,如TinyMCE、...
1. **安装与引入**:首先,你需要将FCKEditor的文件夹部署到你的项目目录下,然后在需要使用编辑器的页面中引入相关的JavaScript文件,通常包括fckeditor.js和fckconfig.js。 2. **配置**:`fckconfig.js` 文件是...
- **整合到JSP**:在JSP页面中,使用`<jsp:include page="${fck.getHtml()}" />`将编辑器的HTML代码注入到页面中。 - **处理文件上传**:在后台Java代码中,你需要实现一个Servlet来处理FCKEditor提交的文件上传请求...
### FCKEditor for Java知识点详解 #### 一、FCKEditor简介 FCKEditor是一款功能强大的富文本编辑器,广泛应用于...通过以上步骤,开发者可以成功地在Java Web应用中集成并使用FCKEditor,提升用户体验和功能丰富性。