Jsp-FCKeditor_2.6.6安装步骤及配置说明

一、安装步骤

下面就来介绍一下以jsp为例FCKeditor_2.6.4的安装步骤

1、下载

如果你使用的是jsp技术开发网站需要下载两个文件:网址:http://www.fckeditor.net/download  

FCKeditor_2.6.6.zip,就是FCKEditor的控件;  
FCKeditor.Java (fckeditor-java-2.6-bin.zip),就是在Java代码中使用FCKEditor的相关工具类;

2、安装

FCKeditor_2.6.zip解压缩,找到一个叫fckeditor的文件夹,将其整个复制到你的web应用的根目录下。
将commons-fileupload-1.2.1.jar, commons-io-1.3.2.jar, fckeditor-java-core-2.6.jar,slf4j-api-1.5.6.jar,imageinfo-1.9.jar,slf4j-nop-1.5.2.jar这五个包拷贝到WEB-INFO/lib文件夹下。(fckeditor-java-2.4.1-bin.zip解压缩后,在其子文件夹下可找到前三个jar文件,后两个jar文件必须是同版本的,可是他只提供了一个,我们可以去slf4官方网站下载:http://www.slf4j.org/download.html )

3、配置

(1)FCKeditor的配置相当简单,在你的web.xml中增加一个servlet即可
http://baidu.com
Java代码
<servlet>

<servlet-name>Connector</servlet-name>

<servlet-class>net.fckeditor.connector.ConnectorServlet</servlet-class>

<load-on-startup>1</load-on-startup>

</servlet>



<servlet-mapping>

<servlet-name>Connector</servlet-name>

<url-pattern>/fckeditor/editor/filemanager/connectors/*</url-pattern>

</servlet-mapping>


如果你和我一样使用的struts2进行项目开发的话,你会发现当上传文件时会出现 “Error on file upload. Error number:203”的错误提示。这是因为fck与struts2框架不兼容,struts2转发了fck的servlet。
解决办法:在web.xml中修改struts2的filter-mapping

Java代码
<filter-mapping>

<filter-name>struts2</filter-name>

<url-pattern>*.action</url-pattern>

<url-pattern>*.jsp</url-pattern>

</filter-mapping>

如果还有其他url映射也可以添加到filter-mapping中去。

可是这样配置了struts2标签就不可以使用了,当你访问带有s标签的页面时控制台中提示:
引用
ERROR - Servlet.service() for servlet jsp threw exception
The Struts dispatcher cannot be found. This is usually caused by using Struts tags without the associated filter. Struts tags are only usable when the request has passed through its servlet filter, which initializes the Struts dispatcher needed for this tag. - [unknown location]


在网上找到一些答案,例如增加</filter-mapping>
Java代码
<filter-mapping>

<filter-name>struts2</filter-name>

<url-pattern>/struts/*</url-pattern>

</filter-mapping>
如果细心一点会发现,并不是所有的带s标签的页面都不能正常显示,凡是经*.action转发后的页面便可以使用s标签。凡是使用s标签的页面经*.action转发就可以了,虽然并不是根本的解决方法,但却很好的保护了项目路径。
(2)在项目开发目录的src下建立一个名为fckeditor.properties的文件,添加文件内容: connector.userActionImpl=net.fckeditor.requestcycle.impl.UserActionImpl 保存即可.

如果你没有做这一步,当你上传文件是出现提示:the current user isn't authorized for file browsing。
4、在jsp中使用FCKEditor控件
(1)在需要使用这个控件的jsp文件的开头添加标签库的引入语句:<%@ taglib uri="http://java.fckeditor.net" prefix="FCK" %>
(2)在使用控件进行文本格式化输入的地方(原来你可能使用的textarea标签)使用如下的内容来替换原来的输入控件:
<FCK:editor instanceName="EditorDefault"> </FCK:editor>

其中instanceName属性的值就相当于form表单中的input的name值。就是表单提交时候的键值对中的键的名字。

value:相当于input标签的value属性 不能为空

width:编辑器容器宽度

height:编辑器容器高度
如何配置: 基本的比如路径、toolbar等这些东西网上很多,我就不写了~主要说下对已上传文件管理部分的配置。 1.首先打开包中editor/filemanager/connectors/php目录下的config.php文件,有如下部分: view source print? 1 $Config['MysqlHost'] = 'localhost'; 2 $Config['MysqlUserName'] = 'root'; 3 $Config['MysqlPW'] = ''; 4 $Config['MysqlDBName'] = 'test'; 5 $Config['TableName'] = 'attachments'; 6 $Config['OwnerVarType'] = 'COOKIE'; //only SESSION or COOKIE 7 $Config['OwnerVarName'] = 'ownerid'; 相信大家一看都知道是什么些了吧~这里说下后三个是什么东东~ view source print? 1 $Config['TableName'] //在数据库中附件表的表名 view source print? 1 $Config['OwnerVarType'] 2 $Config['OwnerVarName'] 这两个是一起的。因为我们写的文章都要有一个ID,也就是唯一标志的~这里通过这两个设置告诉fck在php中哪个变量是当前编辑文章的ID。 $Config['OwnerVarType']只能设置为COOKIE或SESSION,表示文章ID是存在COOKIE中的还是SESSION中的。这里建议大家用SESSION,因为COOKIE的话,可能存在一个cookie欺骗哦~ $Config['OwnerVarName']表示你设置的COOKIE或者SESSION的变量名字。比如你存的是$_COOKIE['ownerid']。那么,就是上面的默认设置。 view source print? 1 $Config['AllowedExtensions']['File'] 2 $Config['AllowedExtensions']['Image'] 3 $Config['AllowedExtensions']['Flash'] 这三个变量是设置你允许上传的文件类型,和已上传文件管理功能也密切相关的哈~ 2.设置好上面的文件以及fck的基本设置之后,请首先运行editor/filemanager/connectors/php目录下的create_db_table.php文件,确保附件表已经创建。 3.enjoy it~ 如果有bug,或不能正常使用,欢迎指正哈~
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值