`
谷超
  • 浏览: 166234 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

FCKeditor2.3在jsp配置

阅读更多

FCKeditor的好处FCKeditor强大的web编辑器,实现图文混排,能够实现所见即所得,较其他的文本编辑器来说,FCKeditor能够本地文件上传,还是个不错的编辑工具。近日有需求要使用web编辑器来插入文章的内容,就用到了FCKeditor。下面的例子是FCKeditor2.3jsp页面中的应用。

 

1 拷贝FCKeditor文件夹到根目录下
2  
拷贝FCKeditor.tldweb-inf
3  
引入FCKeditor.jarcommons-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>

 

 

 

 

3
0
分享到:
评论
2 楼 software51 2010-05-14  
OK 了,我刚才搞错路径了!楼主的文章真强!
1 楼 software51 2010-05-14  
为什么我访问的时候,出现了如下提示:

HTTP Status 404 - /FCKeditor/editor/fckeditor.html

--------------------------------------------------------------------------------

type Status report

message /FCKeditor/editor/fckeditor.html

description The requested resource (/FCKeditor/editor/fckeditor.html) is not available.

相关推荐

    FCKeditor2.3 for jsp编辑器(内附配置说明) .rar

    这个"**FCKeditor2.3 for jsp编辑器(内附配置说明)**"的压缩包文件包含了适用于Java服务器页面(JSP)的FCKeditor2.3版本,以及相关的配置说明,便于开发者集成到他们的JSP应用程序中。 FCKeditor 2.3是该编辑器的...

    jsp中配置 FCKeditor2.3(转)

    以下将详细介绍如何在JSP中配置FCKeditor2.3。 首先,我们需要下载FCKeditor的2.3.2版本,这个版本包含了编辑器的核心文件、插件和示例。在本文档中,我们假设你已经下载了名为`FCKeditor_2.3.2`的压缩包,并将其...

    Fckeditor2.3-java

    **Fckeditor2.3-java** 是一个用于Java平台的开源富文本编辑器,它提供了丰富的文本格式化功能,使得用户可以在网页上进行类似Word的文本编辑操作。Fckeditor以其易于集成、高度可定制和跨浏览器兼容性而广受欢迎。...

    FCKeditor_2.6.4和FCKeditor-2.3

    在JSP项目中,FCKeditor-2.3可以通过简单的配置嵌入到页面中,为用户提供一个易于使用的文本编辑界面。 4. **在JSP项目中的应用** 在JSP项目开发中,FCKeditor常用于创建内容管理系统(CMS)、论坛、博客或其他...

    FCKeditor 在jsp中的用法

    本文将详细讲解如何在JSP环境中集成并配置FCKeditor,以及实现文件上传和目录浏览功能。 首先,我们需要从FCKeditor官网(http://www.fckeditor.net/)下载FCKeditor 2.3版本,同时获取FCKeditor的Java包FCKeditor-...

    FCKeditor-2.3案例直接导入MYECLIPSE

    3. **导入FCKeditor文件**:在新创建的项目中,右键点击“WebContent”目录,选择“Import”,然后在弹出的对话框中选择“General” &gt; “File System”,浏览找到之前解压的FCKeditor-2.3文件夹,将其中的...

    fckeditor的JSP详细配置(带有所有需要的包)

    这个是自己调试并整理过的fckeditor配置,并非网上照搬照抄的垃圾文档。包含有所有需要的包,配置说明,servlet文件 注: 1、要想实现上传必须用自定义标签方式引用。 2、SSH结合时上传功能失败,删除xalan.jar...

    在JSP环境中如何来配置和使用fckeditor

    在JSP环境中配置和使用FCKeditor涉及到一系列步骤,这个开源项目旨在提供一个强大的在线文本编辑器,使得Web应用程序能够具备类似MS Word的编辑功能。FCKeditor支持多种服务器端语言,包括Java,并且兼容IE 5+、...

    struts2+FCKeditor-2.3

    最后,在JSP页面中使用Struts2的`s:textarea`标签,通过配置属性来指定FCKeditor。 4. **配置FCKeditor**:可以通过配置FCKeditor的配置文件(通常为fckconfig.js)来定制编辑器的行为,例如设置默认字体、字号、...

    FCKeditor.java-2.3

    **FCKeditor.java-2.3** 是一个用于Java Web应用程序的富文本编辑器组件,它基于著名的FCKeditor,并且已经与Java环境进行了集成。FCKeditor是一款开源的在线HTML编辑器,允许用户在Web页面上进行内容编辑,就像在...

    在jsp环境中配置使用FCKEditor

    ### 在JSP环境中配置使用FCKEditor #### 一、FCKEditor简介 FCKeditor是一个源自由项目,可在sourceforge.net上找到,其主要功能是实现在线网页编辑器的功能,使得Web应用程序能够具备类似MS Word的强大编辑能力。...

    fckeditor_2.3

    在实际应用中,开发者会将Fckeditor_2.3通过JavaScript API集成到这些JSP页面中,例如在`info_add.jsp`和`info_modify.jsp`中,当用户需要编辑信息时,Fckeditor会出现在文本输入框内,提供丰富的编辑功能。...

    fckeditor-Jsp包

    在提供的压缩包文件中,我们有两个版本的FCKeditor:FCKeditor_3.4.2.zip和FCKeditor-2.3.zip。FCKeditor 3.4.2是较新版本,可能包含更多的改进和新功能,如更好的性能优化、更广泛的浏览器支持以及更多预置的语言...

    HTML编辑器FCKeditor在J2EE项目的使用配置

    总之,FCKeditor在J2EE项目中的使用配置涉及下载编辑器资源、部署到Web应用、配置Servlet以及在页面中调用编辑器。通过这样的集成,可以提供一个用户友好的界面,使得非技术人员也能方便地编辑和管理HTML内容。

Global site tag (gtag.js) - Google Analytics