FCKeditor的好处FCKeditor是强大的web编辑器,实现图文混排,能够实现所见即所得,较其他的文本编辑器来说,FCKeditor能够本地文件上传,还是个不错的编辑工具。近日有需求要使用web编辑器来插入文章的内容,就用到了FCKeditor。下面的例子是FCKeditor2.3在jsp页面中的应用。
1 拷贝FCKeditor文件夹到根目录下
2 拷贝FCKeditor.tld到web-inf下
3 引入FCKeditor.jar和commons-fileuploa.jar到工程中
4 web.xml文件中配置fck
5 jsp页面 导入jar包,声明tld,引入FCKeditor/fckeditor.js,页面使用FCKeditor组件
web.xml
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.4"
xmlns="http://java.sun.com/xml/ns/j2ee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee
http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
<!-- 测试FCKEditor2.3 -->
<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>
<param-value>/UserFiles/</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|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>
<jsp-config>
<taglib>
<taglib-uri>/WEB-INF/FCKeditor.tld</taglib-uri>
<taglib-location>/WEB-INF/FCKeditor.tld</taglib-location>
</taglib>
</jsp-config>
</web-app>
并在jsp页面中使用编辑器
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
import="java.sql.*,com.fredck.FCKeditor.*" pageEncoding="ISO-8859-1"%>
<%@ taglib uri="/WEB-INF/FCKeditor.tld" prefix="FCK" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script type="text/javascript" src="FCKeditor/fckeditor.js"></script>
<title>Insert title here</title>
</head>
<body>
dfddd<br>
<FCK:editor id="infoContent" basePath="/FCKeditor/"
width="100%"
height="400"
skinPath="/FCKeditor/editor/skins/silver/"
defaultLanguage="zh-cn"
tabSpaces="8"
imageBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector"
linkBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html?Connector=connectors/jsp/connector"
flashBrowserURL="/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector"
imageUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Image"
linkUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=File"
flashUploadURL="/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Flash">
</FCK:editor>
</body>
</html>
分享到:
相关推荐
这个"**FCKeditor2.3 for jsp编辑器(内附配置说明)**"的压缩包文件包含了适用于Java服务器页面(JSP)的FCKeditor2.3版本,以及相关的配置说明,便于开发者集成到他们的JSP应用程序中。 FCKeditor 2.3是该编辑器的...
以下将详细介绍如何在JSP中配置FCKeditor2.3。 首先,我们需要下载FCKeditor的2.3.2版本,这个版本包含了编辑器的核心文件、插件和示例。在本文档中,我们假设你已经下载了名为`FCKeditor_2.3.2`的压缩包,并将其...
**Fckeditor2.3-java** 是一个用于Java平台的开源富文本编辑器,它提供了丰富的文本格式化功能,使得用户可以在网页上进行类似Word的文本编辑操作。Fckeditor以其易于集成、高度可定制和跨浏览器兼容性而广受欢迎。...
在JSP项目中,FCKeditor-2.3可以通过简单的配置嵌入到页面中,为用户提供一个易于使用的文本编辑界面。 4. **在JSP项目中的应用** 在JSP项目开发中,FCKeditor常用于创建内容管理系统(CMS)、论坛、博客或其他...
本文将详细讲解如何在JSP环境中集成并配置FCKeditor,以及实现文件上传和目录浏览功能。 首先,我们需要从FCKeditor官网(http://www.fckeditor.net/)下载FCKeditor 2.3版本,同时获取FCKeditor的Java包FCKeditor-...
3. **导入FCKeditor文件**:在新创建的项目中,右键点击“WebContent”目录,选择“Import”,然后在弹出的对话框中选择“General” > “File System”,浏览找到之前解压的FCKeditor-2.3文件夹,将其中的...
这个是自己调试并整理过的fckeditor配置,并非网上照搬照抄的垃圾文档。包含有所有需要的包,配置说明,servlet文件 注: 1、要想实现上传必须用自定义标签方式引用。 2、SSH结合时上传功能失败,删除xalan.jar...
在JSP环境中配置和使用FCKeditor涉及到一系列步骤,这个开源项目旨在提供一个强大的在线文本编辑器,使得Web应用程序能够具备类似MS Word的编辑功能。FCKeditor支持多种服务器端语言,包括Java,并且兼容IE 5+、...
最后,在JSP页面中使用Struts2的`s:textarea`标签,通过配置属性来指定FCKeditor。 4. **配置FCKeditor**:可以通过配置FCKeditor的配置文件(通常为fckconfig.js)来定制编辑器的行为,例如设置默认字体、字号、...
**FCKeditor.java-2.3** 是一个用于Java Web应用程序的富文本编辑器组件,它基于著名的FCKeditor,并且已经与Java环境进行了集成。FCKeditor是一款开源的在线HTML编辑器,允许用户在Web页面上进行内容编辑,就像在...
### 在JSP环境中配置使用FCKEditor #### 一、FCKEditor简介 FCKeditor是一个源自由项目,可在sourceforge.net上找到,其主要功能是实现在线网页编辑器的功能,使得Web应用程序能够具备类似MS Word的强大编辑能力。...
在实际应用中,开发者会将Fckeditor_2.3通过JavaScript API集成到这些JSP页面中,例如在`info_add.jsp`和`info_modify.jsp`中,当用户需要编辑信息时,Fckeditor会出现在文本输入框内,提供丰富的编辑功能。...
在提供的压缩包文件中,我们有两个版本的FCKeditor:FCKeditor_3.4.2.zip和FCKeditor-2.3.zip。FCKeditor 3.4.2是较新版本,可能包含更多的改进和新功能,如更好的性能优化、更广泛的浏览器支持以及更多预置的语言...
总之,FCKeditor在J2EE项目中的使用配置涉及下载编辑器资源、部署到Web应用、配置Servlet以及在页面中调用编辑器。通过这样的集成,可以提供一个用户友好的界面,使得非技术人员也能方便地编辑和管理HTML内容。