FCKeditor(JAVA版)配置详解

FCKeditor 2.3.1 是功能完善的可视化编辑器,文件上传管理部分功能已经支持asp,php,aspx...等等,唯独尚未支持jsp,幸运的是Simone Chiaretta制作了Java 的整合文件FCKeditor.Java。
1. 下载最新版的FCKeditor
https://www.360docs.net/doc/213868095.html,/download/
目前最新版是:FCKeditor_2.3.2(我用的是2.3.1)和 FCKeditor.Java
(FCKeditor-2.3)
2. 简介
解压FCKeditor 2.3.1.zip后得到如下目录结构:
FCKeditor_2.3.1
---editor
---_source (有的资料说要删除此文件夹,删除将会出现很多初始化js错误)
---css(样式)
---dialog(editor所有的网页对话框都在这里了)
---filemanager(文件上传管理部分)
---browser(存放用于浏览选择上传到服务器的文件,创建文件夹的浏览器)
---defult
---connectors(asp、php 、aspx等实现文件浏览、创建文件夹的文件。java项目中用 connectorservlet.Java实现,所以可以删除下面所有文件)
---upload(asp、php、aspx等实现文件上传时的文件,java项目中用 servlet实现上传,所以可以删除下面所有文件)
---images(editor使用到的图片)
---js
---lang (存放用于支持多语言的js文件)
---plugins(扩展插件)
---skins(editor皮肤,2.3.1版有default、office 2003和silvers三种)
fckconfig.js
fckeditor.js
fckstyles.xml
fcktemplates.xml
….其余文件删掉即可
解压FCKeditor 2.3.zip后得到如下目录结构:
FCKeditor_2.3
---docs
---api(api文档,介绍了类的功能和配置方法)
---src(java源文件)
---web
---_samples
---web-inf
---lib(存放FCKeditor-2.3.jar 和Apache文件上传开源项目commons-fileupload.jar)
Web.xml
Build.xml
Readme.txt

3. demo
我的开发环境是eclipse3.1和Myeclipse4.1,jdk1.5,resin-pro-3.0.18
3.1 建立一个webproject,命名为FCKeditor
3.2 将FCKeditor_2.3.1下的editor文件夹和fckeditor.js,fckconfig.js,fckstyles.xml,fcktemplates.xml拷贝到FCKeditor/webroot下。
3.3 FCKeditor.java 2.3解压后,把其中的web目录下的WEB-INF目录copy到FCKeditor/webroot下(里面有commons-fileupload.jar, FCKeditor-2.3.jar,web.xml等几个文件), 再把其中的src目录下的FCKeditor.tld文件copy到FCKeditor/webroot/WEB-INF/下,_samples文件夹拷贝到FCKeditor/webroot/下。
3.4 修改web.xml和FCKeditor/webroot/editor/fckconfig.js:

FCKeditor Test Application


Connector
com.fredck.FCKeditor.connector.ConnectorServlet

baseDir
将在FCKeditor/editor/下创建Image和Flash文件夹,用于存放上传文件

value>/editor/


debug
false调试时设为true

1



SimpleUploader
com.fredck.FCKeditor.uploader.SimpleUploaderServlet

baseDir
将在FCKeditor/editor/下创建Image和Flash文件夹,用于存放上传文件
/editor/


debug
true调试时设为true


enabled
true修改成true


AllowedExtensionsFile



DeniedExtensionsFile
php|php3|php5|phtml|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|dll|reg|cgi


AllowedExtensionsImage
jpg|gif|jpeg|png|bmp


DeniedExtensionsImage



AllowedExtensionsFlash
swf|fla


DeniedExtensionsFlash


1



Connector
和fckconfig.js的ImageBrowserURL等对应
/editor/filemanager/browser/default/connectors/jsp/connector



SimpleUploader
这里你可以按自己应用具体配置,需要和fckconfig.js的ImageUploadUrl等对应
/editor/upload.do





配置欢迎文件
_samples/index.jsp



/etag配置FCKeditor自定义标签
/web-inf/FCKeditor.tld





修改 fckconfig.js中:
FCKConfig.DefaultLanguage = 'zh-cn' ; 修改默认语言为简体中文

把FCKConfig.LinkBrowserURL等的值替换成以下内容:

FCKConfig.LinkBrowserURL = FCKConfig.BasePath + "filemanager/browser/default/browser.html?Connector=connectors/" + _FileBrowserLanguage + "/connector"

FCKConfig.ImageBrowserURL = FCKConfig.BasePath + "filemanager/browser/default/browser.html?Type=Image&Connector=connectors/" + _FileBrowserLanguage + "/connector";

FCKConfig.FlashBrowserURL = FCKConfig.BasePath + "filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/" + _FileBrowserLanguage + "/connector";

FCKConfig.LinkUploadURL = FCKConfig.BasePath + "filemanager/upload/" + _QuickUploadLanguage + "/connector?Type=File";

FCKConfig.ImageUploadURL=FCKConfig.BasePath + "upload.do?Type=Image";

FCKConfig.FlashUploadURL=FCKConfig.BasePath+ "upload.do?Type=Flash";
Connector参数的值完全可以修改,只要和web.xml中配置一致即可

3.5 有的例子说必须在FCKeditor/webroot/editor/下手工新建Image和Flash两个文件夹,FCKeditor不会自己创建文件上传的文件夹,否则无法上传文件,将提示无权操作,在java应用下无需自己创建,ConnectorServlet会在你第一次执行文件浏览时,根据url的type参数,判断baseDir下是否存在以type值为名字的文件夹,不存在就创建它。

3.6 FCKConfig.TabSpaces = 0 ; 改为FCKConfig.TabSpaces = 1 ; 即在编辑器域内可以使用Tab键。
找到: FCKConfig.FontNames = 'Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ;
加上几种我们常用的字体
FCKConfig.FontNames
= '宋体;黑体;隶书;楷体_GB2312;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ;


相关文档
最新文档