Fckeditor2.6.4.1配置

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

Fckeditor2.6.4.1配置

Jsp学习2009-09-23 15:41:03 阅读481 评论1 字号:大中小

以前的在线编辑器都是采用eWebEditor(修改版),最近网站升级,想换一个在线编辑器,于是试了一下fckeditor2.6.4.1,以下是安装配置过程。

一、下载

二、安装

1、解压FCKeditor_2.6.4.1.zip得到fckeditor文件夹,整个目录复制到当前项目的

webRoot目录下。

2、在lib目录上导入以下几个jar

说明:以上几个jar文件在fckeditor-java-2.5-bin.zip中,也可以把fckeditor-java-demo-2.5.war放到tomcat的webapps目录下tomcat会自动解压,在

WEB-INF\lib下就会有以上几个文件。

3、配置上传功能

(1)修改web.xml文件,添加以下代码:

Connector

net.fckeditor.connector.ConnectorServlet

1

Connector

/fckeditor/editor/filemanager/connectors/*

(2)在src文件夹下创建fckeditor.properties文件

代码如下:erActionImpl=erActionImpl

(demo中是这样写的

erActionImpl=net.fckeditor.requestcycle.impl.EnableUserAction

测试也是行!)

三、测试

新建index.jsp,在head标记中添加

然后,可以通过两种方式在页面建立一个FCKeditor编辑器。

内联方式:

在页面的form标记中,在需要插入编辑器的地方输入以下代码:

代码第二行新建一个FCKeditor的实例,它的名字叫做FCKeditor1,第三行设置编辑器的基本路径,第八行调用它的creat()方法,创建并且输

出一个编辑器。

这个表单提交到servlet以后,在servlet中就可以通过

request.getParameter(“FCKeditor1”)获得输入的内容。

注意:编辑器的路径BasePash是指项目中FCKeditor文件所在的路径

以”/”结尾。

T extarea替换方式:

可以通过在页面的onload事件中添加代码以替换一个已经存在的textarea

标记的方式使用FCKeditor,代码如下:

script type="text/javascript">

window.onload = function()

{

var oFCKeditor = new FCKeditor( 'MyTextarea' ) ;

oFCKeditor.BasePath = "fckeditor/" ;

oFCKeditor.ReplaceTextarea() ;

}

在body标签下添加textarea标签,代码如下:

注意:第四行FCKeditor创建的实例名FCKeditor1,要与textarea标签的

name属性一样。

四、FCKeditor属性

构造方法:

var FCKeditor=function(instanceName ,width,height,toolbarset,

value)

其中instanceName为编辑器输出textarea元素的name属性的值,必

须指定。

五、在jsp中通过自定义标签调用

可以参考:

1.fckeditor-java-demo-

2.4.1.war,其目录下的jsp文件里面的代码。

2.FCKeditor提供的文档。

解压fckeditor-java-2.4.1-bin.zip,打开其目录下site文件下

index.html,点击Tag library,往下拉找到使用的例子

在jsp中通过自定义标签调用FCKeditor:

首先,把FCKeditor提供的核心架包、fckeditor-java-2.4.1目录下lib里面的3个架包(前面两个文件上传使用,后面做日志使用)拷贝到项目下面的WebRoot/WEB-INF/bin下面还应该下载slf4j-simple-1.5.2.jar架包。

相关文档
最新文档