欢迎来到天天文库
浏览记录
ID:6126662
大小:122.00 KB
页数:11页
时间:2018-01-04
《fckeditor2.6.4.1配置》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、Fckeditor2.6.4.1配置Jsp学习2009-09-2315:41:03阅读481评论1字号:大中小以前的在线编辑器都是采用eWebEditor(修改版),最近网站升级,想换一个在线编辑器,于是试了一下fckeditor2.6.4.1,以下是安装配置过程。一、下载www.fckeditor.net二、安装1、解压FCKeditor_2.6.4.1.zip得到fckeditor文件夹,整个目录复制到当前项目的webRoot目录下。2、在lib目录上导入以下几个jar说明:以上几个jar文件在fckeditor-java-2.5-bin.zip中,也可以把fckeditor-j
2、ava-demo-2.5.war放到tomcat的webapps目录下tomcat会自动解压,在WEB-INFlib下就会有以上几个文件。3、配置上传功能(1)修改web.xml文件,添加以下代码: Connector net.fckeditor.connector.ConnectorServlet 1 3、ame>Connector /fckeditor/editor/filemanager/connectors/*(2)在src文件夹下创建fckeditor.properties文件代码如下:connector.userActionImpl=net.fckeditor.requestcycle.impl.UserActionImpl(demo中是这样写的connector.userActionImpl=net.fckeditor.requestcycle.impl.
3、ame>Connector /fckeditor/editor/filemanager/connectors/*
4、EnableUserAction测试也是行!)三、测试新建index.jsp,在head标记中添加然后,可以通过两种方式在页面建立一个FCKeditor编辑器。? 内联方式:在页面的form标记中,在需要插入编辑器的地方输入以下代码:varoFCKeditor=newFCKeditor('FCKeditor1');oFCKeditor.BasePath="/项目名/fckeditor/";oF
5、CKeditor.Height=”200”;oFCKeditor.Width”50%”;//oFCKeditor.ToolbarSet=”Basic”;oFCKeditor.ToolbarSet=”Default”;oFCKeditor.Create();代码第二行新建一个FCKeditor的实例,它的名字叫做FCKeditor1,第三行设置编辑器的基本路径,第八行调用它的creat()方法,创建并且输出一个编辑器。这个表单提交到servlet以后,在servlet中就可以通过request.getParameter(“FCKeditor1”)获得输入的内容。注意:
6、编辑器的路径BasePash是指项目中FCKeditor文件所在的路径以”/”结尾。? Textarea替换方式:可以通过在页面的onload事件中添加代码以替换一个已经存在的textarea标记的方式使用FCKeditor,代码如下:scripttype="text/javascript">window.onload=function(){varoFCKeditor=newFCKeditor('MyTextarea') ;oFCKeditor.BasePath="fckeditor/" ;oFCKeditor.ReplaceTextarea() ;}在body标签
7、下添加textarea标签,代码如下:Thisistheinitialvalue.注意:第四行FCKeditor创建的实例名FCKeditor1,要与textarea标签的name属性一样。1.1 四、 FCKeditor属性属性描述默认值Width宽度100%Height高度200Value编辑器初始化内容空字符串ToolbarSet
此文档下载收益归作者所有