下载
从FCKeditor的官方站点http://www.fckeditor.net/download上下载FCKeditor 2.3.2和FCKeditor.Java,其中FCKeditor 2.3.2是源码,FCKeditor.Java是在jsp中使用的例程。
瘦身
将FCKeditor 2.3.2解压到FCKeditor文件夹,然后删除如下文件或目录:
1、/_samples,/_testcases;
2、删除/_documentation.html,_whatsnew.html,fckeditor.afp,fckeditor.asp,fckeditor.cfc,fckeditor.cfm,
fckeditor.lasso,fckeditor.php,fckeditor.pl,fckeditor.py
只剩下fckconfig.js,fckeditor.js,fckstyles.xml,fcktemplates.xml,htaccess.txt,license.txt;
3、/editor/_source;
4、/editor/filemanager/browser/default/connectors;
5、/editor/filemanager/upload;
6、语言包/editor/lang中只留下en.js、zh-cn.js;
哈哈,一下子从2.5M瘦到832K,爽呀!还可以在皮肤包里/editor/skins动动脑筋,比如只留一个sliver,这个好配色。
配置
将FCKeditor的jsp中使用的例程和FCKeditor源码结合起来,解压FCKeditor.Java,将解压文件夹中web目录下的所有文件拷贝到FCKeditor目录中,这样在FCKeditor目录多了两个目录:
├─_samples
│ │ index.jsp
│ │ sample.css
│ │ sampleslist.jsp
│ │
│ └─jsp
│ sample01.jsp
│ sample02.jsp
│ sample03.jsp
│ sample04.jsp
│ sample05.jsp
│ sample06.config.js
│ sample06.jsp
│ sample07.jsp
│ sampleposteddata.jsp
│
└─WEB-INF
│ web.xml
│
└─lib
FCKeditor-2.3.jar
commons-fileupload.jar
|
看一下web.xml文件,里面增加了文件浏览和文件上传得servlet。
l
修改文件FCKeditor/fckconfig.js
1、
修改属性
中文:FCKConfig.DefaultLanguage = 'zh-cn' ;
皮肤:FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ;
2、
使用servlet做文件浏览和上传
参考http://wiki.fckeditor.net/Developer%27s_Guide/Integration/Java
//browser
FCKConfig.LinkBrowserURL = FCKConfig.BasePath + "filemanager/browser/default/browser.html?Connector=connectors/jsp/connector" ;
FCKConfig.ImageBrowserURL = FCKConfig.BasePath + "filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector" ;
FCKConfig.FlashBrowserURL = FCKConfig.BasePath + "filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector" ;
//upload
FCKConfig.LinkUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=File' ;
FCKConfig.FlashUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=Flash' ;
FCKConfig.ImageUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=Image' ;
|
l
修改web.xml增加FCKeditor的taglib
从FCKeditor.Java解压目录/src目录下拷贝FCKeditor.tld文件到WEB-INF目录下,在web.xml文件中增加:
<taglib>
<taglib-uri>/WEB-INF/FCKeditor.tld</taglib-uri>
<taglib-location>/WEB-INF/FCKeditor.tld</taglib-location>
</taglib>
|
使用
在
jsp
页面中作如下调用(具体如何使用可以看
FCKeditor.tld定义
):
...
<%@ taglib uri="/WEB-INF/FCKeditor.tld" prefix="FCK" %>
...
<FCK:editor id="EditorDefault" basePath="/FCKeditor/">
This is FCKeditor demo!
</FCK:editor>
...
|
运行例程
将我们修改了半天的整个
FCKeditor目录拷贝到tomcat5.0.28(或其他web服务器)的webapps目录下,启动tomcat访问http://localhost:8080/FCKeditor/_samples/ 试用一下FCKeditor 2.3.2的强大功能,有了demo在项目中如何使用,你自己琢磨吧!
例程下载:
FCKeditor
posted on 2006-11-03 11:00
野草 阅读(2580)
评论(2) 编辑 收藏 所属分类:
2shtv