Fckeditor2.6.4.1配置
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 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文件,添加以下代码:
(2)在src文件夹下创建fckeditor.properties文件
代码如下:erActionImpl=erActionImpl
(demo中是这样写的
erActionImpl=net.fckeditor.requestcycle.impl.EnableUserAction
测试也是行!)
三、测试
新建index.jsp,在head标记中添加
然后,可以通过两种方式在页面建立一个FCKeditor编辑器。
内联方式:
在页面的form标记中,在需要插入编辑器的地方输入以下代码:
var oFCKeditor = new FCKeditor('FCKeditor1');
oFCKeditor.BasePath = "/项目名/fckeditor/";
oFCKeditor.Height=”200”;
oFCKeditor.Width”50%”;
//oFCKeditor.ToolbarSet=”Basic”;
oFCKeditor.ToolbarSet=”Default”;
oFCKeditor.Create();
代码第二行新建一个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架包。