FCKeditor是sourceforge.net上面的一个开源项目,主要是实现在线网页编辑器的功能,可以让web程序拥有如MS Word这样强大的编辑功能。官方网站为http://www.fckeditor.net ,在服务器端支持ASP.Net、ASP、ClodFusion、PHP、Java等语言,并且支持IE 5+、Mozilla 、Netscape等主流浏览器。
首先在官方网站下载fckeditor,注意有两个包,一个是主文件,一个是jsp整合包的。
1、解压FCKeditor_2.4.2.zip,(FCKeditor主文件),将FCKeditor目录复制到网站根目录下,
下载地址:下面附件中有
2、解压FCKeditor-2.3.zip,(jsp,FCKeditor整合包),作用:This is the JSP Integration Pack for using FCKeditor inside a java server page without the complexity of using a Java scriptlets or the javascript api.
下载地址:下面附件有
3、将FCKeditor-2.3/web/WEB-INF/web.xml中的两个servlet,servlet-mapping定义复制到自已项目的web.xml文件中并修改
修改结果:
<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>
然后加入如下内容
<taglib>
<taglib-uri>/FCKeditor</taglib-uri>
<taglib-location>/WEB-INF/FCKeditor.tld</taglib-location>
</taglib>
4、然后我们将FCKeditor-2.3\web\WEB-INF\lib中的两个jar包拷贝到\fcktest\WEB-INF\lib目录下,将FCKeditor-2.3\src下的FCKeditor.tld拷贝到\fcktest\WEB-INF下。
5、在需使用FCKeditor的jsp界面中加入:
// 文件开头处加入
<%@ taglib uri="/FCKeditor" prefix="FCK" %>
//要使用的地方加入
<FCK:editor id="EditorAccessibility"
width="80%" height="320"
fontNames="宋体;黑体;隶书;楷体_GB2312;Arial;Comic Sans MS;Courier
New;Tahoma;Times New Roman;Verdana"
imageBrowserURL="/fkctest/FCKeditor/editor/filemanager/browser/default/browser.html?
Type=Image&Connector=connectors/jsp/connector"
linkBrowserURL="/fkctest/FCKeditor/editor/filemanager/browser/default/browser.html?
Connector=connectors/jsp/connector"
flashBrowserURL="/fkctest/FCKeditor/editor/filemanager/browser/default/browser.html?
Type=Flash&Connector=connectors/jsp/connector"
imageUploadURL="/fkctest/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Image"
linkUploadURL="/fkctest/FCKeditor/editor/filemanager/upload/simpleuploader?Type=File"
flashUploadURL="/fkctest/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Flash">
</FCK:editor>
<FCK:editor id="EditorAccessibility"
width="80%" height="320"
fontNames="宋体;黑体;隶书;楷体_GB2312;Arial;Comic Sans MS;Courier
New;Tahoma;Times New Roman;Verdana"
imageBrowserURL="/fkctest/FCKeditor/editor/filemanager/browser/default/browser.html?
Type=Image&Connector=connectors/jsp/connector"
linkBrowserURL="/fkctest/FCKeditor/editor/filemanager/browser/default/browser.html?
Connector=connectors/jsp/connector"
flashBrowserURL="/fkctest/FCKeditor/editor/filemanager/browser/default/browser.html?
Type=Flash&Connector=connectors/jsp/connector"
imageUploadURL="/fkctest/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Image"
linkUploadURL="/fkctest/FCKeditor/editor/filemanager/upload/simpleuploader?Type=File"
flashUploadURL="/fkctest/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Flash">
</FCK:editor>
启动服务器测试…成功后,来给FCKeditor瘦瘦身.
1、将FCKeditor目录下及子目录下所有以”_”下划线开头的文件夹删除
2.FCKeditor根目录下只保留fckconfig.js, fckeditor.js, fckstyles.xml, fcktemplates.xml其余全部删除
3.将editor/filemanager/upload目录下文件及文件夹清空.
4.还可以将editor/skins目录下的皮肤文件删除,只留下default一套皮肤(如果你不需要换皮肤的话)
5.还可以将editor/lang目录下文件删除,只保留en.js, fcklanguagemanager.js, zh-cn.js, zh.js文件(英文,简体中文,繁体中文一般应该够用了:) )
完成。
其它问题:
在struts+spring+hibernate中使用,上传图像功能中可能会出现报:
The output format must have a ‘{http://xml.apache.org/xalan}content-handler’ property!
错的情况,将WEB-INF/lib目录下xalan*.jar删除试试
安全问题:
假如在前台让普通用户也能使用FCKEditor,要注意相关安全问题,在前台使用时,不要使用默认的ToolBar,要将添加图像,flash,图像域按钮去掉,在fckconfig.js中大约78行配置那些数组中的值就像当于界面上的一个功能,你可以强行把每组值试出来代表什么。
到此安装FCKeditor就完成了,相关详细配置你可以看FCKeditor-2.3.zip,(jsp,FCKeditor整合包)文件夹中web/_samples目录下的例子。
分享到:
相关推荐
FCKeditor是一款功能强大的开源文本编辑器,广泛应用于网页内容编辑,尤其在Java JSP开发环境中。它提供了丰富的文本格式化选项,支持图片、链接、表格等多媒体元素的插入,使得网页内容编辑更加直观和便捷。在JSP...
通过以上步骤,您可以在Visual Studio 2008环境中成功安装和配置FCKeditor 2.6.3。确保按照指南进行每一步操作,并根据实际情况调整配置文件中的设置,以便使FCKeditor正常运行。如果遇到任何问题,建议参考官方文档...
这个“fckeditor完整版本下载”包含的文件提供了编辑器的安装和使用资源。 1. **FCKeditor介绍** FCKeditor是一款基于JavaScript的开源富文本编辑器,它支持多种浏览器,包括Internet Explorer、Firefox、Chrome和...
1. **安装与引入**:下载FCKeditor的JSP版本后,需要将包含的文件夹结构部署到JSP应用的WEB-INF目录下,通常是在lib目录中添加所需的jar文件,同时在web目录下放置编辑器的静态资源文件。 2. **配置编辑器**:...
### FCKeditor在JSP平台上的完全安装指南 #### 一、引言 FCKeditor是一款功能强大的在线富文本编辑器,广泛应用于新闻系统、博客系统等需要进行内容编辑的应用场景。它支持多种编程语言环境,包括Java。本文将详细...
标签中的"fckeditor__jsp"暗示了这个版本的FCKeditor是专为Java Servlet(JSP)环境设计的。这意味着你可以直接在JSP页面中使用它,通过简单的配置和标签就能将富文本编辑功能集成到你的Java Web应用中。 至于...
通过以上步骤,你就能够在JSP环境中配置FCKeditor并实现图片上传功能。注意,实际部署时,你可能还需要考虑安全问题,比如防止非法文件上传、限制文件大小、过滤恶意文件类型等。同时,考虑到性能,可以考虑使用异步...
**FCKeditor.jar 网页编辑器详解与使用指南** **一、FCKeditor简介** FCKeditor是一款开源的富文本编辑器,它允许用户在网页上进行类似Word的文本编辑操作,包括插入文本、图像、链接、表格、列表等。这个编辑器以...
首先,你需要将FCKeditor的库文件下载并放入项目的Web-INF/lib目录下,然后在需要使用编辑器的JSP页面中引入JavaScript文件,通常在`<head>`标签内添加引用。 3. **配置与初始化** 配置FCKeditor涉及设置编辑器的...
### FCKeditor使用指南 #### 1. FCKeditor的下载及介绍 ##### 1.1 下载地址 - **FCKeditor主页**: [http://www.FCKeditor.net](http://www.FCKeditor.net) - **演示地址**: [http://www.FCKeditor.net/demo]...
1. **README.txt**:这是软件或项目中常见的文件,通常包含关于FCKEditor 2.0b2的基本信息、安装指南、使用方法、许可协议等重要信息,是了解和使用编辑器的第一步。 2. **build.xml**:这是一个Ant构建文件,Ant是...
这篇博文将指导你如何在SSH项目中配置和使用FCKeditor。 **一、FCKeditor简介** FCKeditor最初由Fernando Montiel和Carlos Díaz创建,现在已发展为CKEditor。它支持多种浏览器,如IE、Firefox、Chrome和Safari,...
总之,这个压缩包提供了一个完整的解决方案,用于在jsp网站中集成FCKeditor 2.6.3版本的富文本编辑器,并且包含了详细的配置和修改指导,对于Java开发者来说,是一个非常实用的资源。通过遵循提供的配置文档,开发者...
4. **教程**:教程材料可能会涵盖安装步骤、配置指南、常见问题解答以及最佳实践。这些教程可以帮助新手快速上手,了解如何在自己的项目中部署和使用FCKeditor。 5. **示例数据**:可能包括一些预设的HTML样本,供...
**FCKEditor完整使用说明** FCKeditor是一款强大的开源HTML编辑器,被广泛应用于网站内容管理系统(CMS)、论坛和其他需要富文本编辑功能的...希望这份指南能帮助你顺利上手FCKeditor,祝你在Web开发中取得更多成就!
在压缩包中,`readme.txt` 文件通常包含有关如何安装、配置和使用FCKEditor_ASP的说明,可能还会包含开发者的一些注意事项和建议。而 `fck` 文件夹很可能是FCKEditor的根目录,里面包含了编辑器的所有必要文件,如...
在本使用指南中,我们将深入探讨FCKEditor的基本概念、安装、配置、使用方法以及一些高级功能。 1. **基本介绍** FCKEditor 是由巴西开发者 Frederico Caldeira Knabben 创建的,最初命名为 FCKeditor,后更名为 ...
2. **如何使用.doc**:这份文档可能指导用户如何在Java项目中安装和配置FCKeditor,包括添加jar包、创建编辑器实例、集成到Web页面等步骤。 3. **fckeditor-java-2[1].4.2-src.tar.gz**:这是FCKeditor的Java版本源...
FCKeditor的下载和官方文档可以通过其官方网站获取,这为开发者提供了安装和配置的指导,以及使用过程中可能遇到问题的解决方案。在使用FCKeditor时,开发者应确保遵循官方文档,以及利用官方网站上提供的资源和工具...