主文件包和你的JSP支持
http://ckeditor.com/这个是官网。
1、FCKeditor 2.6.5 下载地址:
http://sourceforge.net/projects/fckeditor/files/FCKeditor/2.6.5/FCKeditor_2.6.5.zip/download
2、FCKeditor.Java 2.3 下载地址:
http://sourceforge.net/projects/fckeditor/files/FCKeditor.Java/2.3/FCKeditor-2.3.zip/download
1、在MyEclipse下建立新项目:testFCKeditor。在WebRoot下建立文件FCKeditor。
2、解压FCKeditor_2.6.5.zip将文件夹内的editor文件夹、fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml文件拷贝到FCKeditor目录下。
3、解压FCKeditor-2.3.zip将文件夹下的src里的FCKeditor.tld文件复制到WEB-INF下。
4、将文件夹下\web\WEB-INF\lib下的两个jar文件放到你的\WEB-INF\lib目录下。
5、将下面代码添加到你的web.xml文件的<web-app>节点下。
<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><!-- 此为文件上传路径,需要在WebRoot 目录下新建 UserFiles 文件夹,在UserFiles文件夹下建立Image、Flash和File文件夹用来保存用户上传的各类文件 -->
</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><!-- 设置为true开启上传功能-->
</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><!-- 可以上传的flash类型 -->
<param-value>swf|fla</param-value>
</init-param>
<init-param>
<param-name>DeniedExtensionsFlash</param-name><!-- 不可以上传的flash类型 -->
<param-value></param-value>
</init-param>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>Connector</servlet-name><!-- 此处注意路径问题,因为我们刚才在WebRoot下建立了FCKeditor文件夹所在要加上红字部分 -->
<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>
6、修改FCKeditor文件夹下的fckeditor.js文件。
修改第50行:FCKeditor.BasePath = 'FCKeditor/' ;
7、修改FCKeditor文件夹下的fckconfig.js文件。
FCKConfig.DefaultLanguage = 'zh-cn' ;
FCKConfig.LinkBrowserURL = FCKConfig.BasePath + "filemanager/browser/default/browser.html?Connector=connectors/jsp/connector" ;
FCKConfig.ImageBrowserURL = FCKConfig.BasePath + "filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector" ;
FCKConfig.FlashBrowserURL = FCKConfig.BasePath + "filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector" ;
FCKConfig.LinkUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=File' ;
FCKConfig.ImageUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=Image' ;
FCKConfig.FlashUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=Flash' ;
8、打开你的index.jsp文件改成以下内容:
<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>FCKeditor测试</title>
<script type="text/javascript" src="FCKeditor/fckeditor.js"></script>
</head>
<body>
<form id="form1" name="form1" method="post" action="index_do.jsp">
<table width="100%" border="0">
<tr>
<td height="25">
<textarea name="contest" id="contest" style="width:100%; height:400px;"></textarea>
<script type="text/javascript">
var oFCKeditor = new FCKeditor( 'contest' ) ;
oFCKeditor.BasePath = 'FCKeditor/' ;
oFCKeditor.ToolbarSet = 'Default' ;
oFCKeditor.Width = '100%' ;
oFCKeditor.Height = '400' ;
oFCKeditor.Value = '' ;
oFCKeditor.ReplaceTextarea();
//oFCKeditor.Create() ;
</script>
<input type="submit" name="Submit" value="提交" />
</td>
</tr>
</table>
</form>
</body>
</html>
9、新建index_do.jsp文件改成以下内容:
<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>FCKeditor测试接收结果</title>
</head>
<body>
<%
String contest = new String(request.getParameter("contest").getBytes("ISO8859_1"), "utf-8");
out.print(contest);
%>
</body>
</html>
index.jsp效果
fck_docprops.html报错解决
在Java的工程中加入fck时MyEclipse会包fck_docprops.html错误,原因是因为用了怪异的标签,没有告诉MyEclipse,解决方法:
选中当前工程—properties—MyEclipse—validation—Excluded Resource下找到fck_docprops.html打钩就可以不检查该文件了,然后就不报错了!
分享到:
相关推荐
fckeditor配置完美版,已经配置好的fckeditor控件,可以直接应用到asp.net项目中,里面有详细的说明文件.
**FCKeditor配置for Java** FCKeditor是一款流行的开源富文本编辑器,广泛应用于Web开发中,为用户提供类似于Microsoft Word的界面,使用户能够轻松创建和编辑HTML内容。在Java Web开发环境中,集成FCKeditor可以...
通过复制粘贴实现FCKeditor 的使用. 看拉大家的留言,为使大家下载多能使用,补充个注意点; 在jsp页面出现FCKeditor 引用错误. 把页面中的下面代码中 id="infoContent" basePath="../../FCKeditor/" width="822" ...
总的来说,ASP.NET中的FCKeditor配置涉及前端JavaScript的实例化,后端代码的处理,以及可能的自定义配置和安全措施。通过合理的配置和使用,FCKeditor可以极大地提升用户在Web应用程序中的编辑体验。
6. **UploadFiles**: 这个文件夹可能是FCKeditor配置的上传文件目录,用户通过FCKeditor上传的图片或其他文件会保存在这个目录下。 7. **Bin**: 这个文件夹包含编译后的ASP.NET类库文件(DLLs)。如果FCKeditor没有...
**FCKEditor配置详解** FCKEditor是一款开源的富文本编辑器,广泛应用于网页内容编辑,它提供了丰富的文本格式化选项,支持图片、链接、表格等元素的插入,极大地提升了用户体验。在本“FCKEditor配置好的工程”中...
总之,FCKeditor的配置涉及多个方面,包括引用、控件注册、Web.Config配置、fckconfig.js配置以及安全性设置。理解并熟练掌握这些配置,将有助于你在实际开发中更好地利用FCKeditor创建富文本编辑功能。
**PHP100 FCKeditor配置详解** 在Web开发中,富文本编辑器(Rich Text Editor)是必不可少的工具,它允许用户以图形化的方式编辑HTML内容。FCKeditor是曾经非常流行的一款开源富文本编辑器,而在PHP100教程中,它被...
**FCKeditor配置与使用详解** FCKeditor是一款开源的Web富文本编辑器,它为用户提供了一种在网页上编辑内容的方式,就像在Word里那样。对于初学者或者不熟悉其配置和使用的开发者来说,这款编辑器具有很高的易用性...
而`FCKEditorDemo`可能包含了一个演示实例,展示了FCKEditor配置后的实际效果和使用方法,你可以通过运行这个演示来更好地理解配置的细节。 总的来说,理解和配置FCKEditor对于构建具有强大文本编辑功能的Web应用至...
**FCKeditor配置详解(附完整案例)** FCKeditor是一款功能强大的开源HTML编辑器,广泛应用于网站内容管理系统(CMS)和论坛等需要用户编辑HTML内容的场景。它提供了丰富的文本格式化、图像处理、链接管理等功能,...
本文将详细介绍JSP中的FCKeditor配置,以及如何将其应用于网页文本编辑器的构建。FCKeditor是一款开源的、功能强大的富文本编辑器,广泛被百度、CSDN等知名网站采用,为用户提供方便的在线文本编辑体验。 **一、...
### ASP.NET 上 FckEditor 配置手册 #### 概述 FCKeditor(现更名为CKEditor)是一款广泛使用的富文本编辑器,适用于各种Web应用,尤其在ASP.NET环境中使用时,提供了强大的编辑功能和良好的用户体验。本文档旨在...
**FCKeditor配置详解** FCKeditor是一款流行的开源富文本编辑器,广泛应用于网页内容编辑。在.NET环境中,如VS2008下,配置FCKeditor可以使开发者在网页上提供一个功能强大的文本编辑界面。以下是一份详细的...
以上就是关于FCKeditor配置和Oracle大字段类型处理的详细讲解。通过正确的配置和编程,你可以顺利地在Oracle数据库中存储和管理由FCKeditor生成的富文本内容。希望这些信息能帮助到遇到相同问题的朋友们。
**标题:“FCKeditor配置”** **描述:** FCKeditor是一款开源的Web富文本编辑器,它在早期Web开发中被广泛使用,允许用户在网页上编辑内容,类似于Microsoft Word的功能。这篇博客(博文链接:...
FCKeditor配置[归类].pdf
在ASP.NET环境中配置FCKEditor涉及到几个关键步骤,以下是对这些步骤的详细解释: 1. **获取和安装FCKEditor**: 首先,你需要从FCKeditor的官方网站(http://www.fckeditor.net/download)下载最新版本的...
**JSP与FCKeditor配置详解** 在Web开发中,富文本编辑器是不可或缺的工具,它能够提供用户友好的界面来编辑HTML内容。FCKeditor是一款流行且功能强大的开源JavaScript富文本编辑器,适用于多种编程语言,包括Java的...