工作前的准备
版本是FCKeditor_zip【组件的主文件包】FCKeditorJava zip【这里面提供了标签库和图片上传的jar】这些都可以在网站下载到！
配置
新建工程compass在WebRoot文件夹下新建文件夹FCKeditor（用来存放FCKeditor相关文件
记得大小写要一致因为如果你需要改变的话变化的文件比较多而且还不确定是否改全了）
将FCKeditor_包中的 editor 文件夹和fckconfigjsfckeditorjsfckstylesxmlfcktemplatesxml
这四个文件放到项目中的 FCKeditor 目录
将FCKeditorJava zip 包中的 \web\WEBINF\lib 下的两个 jar 文件到项目的 WebRoot\WEBINF\lib目录下
将FCKeditorJava zip 包中的 \src 下的 FCKeditortld 文件到项目的 WebRoot\WEBINF 目录
在 WebRoot 目录下新建 UserFiles 文件夹在此文件夹下新建 Image Flash FileMedia四个文件夹 他们分别用来存放上传的图片动画文件媒体文件
修改fckconfigjs组件配置文件【说明一下你可以在配置文件里搜索等号前面的信息来确定某一项做更改】
AFCKConfigSkinPath = FCKConfigBasePath + skins/silver/ ;
这是组件的样式模板好确定你到底需要使用哪中样式这个根据你自己的喜好更改
BFCKConfigDefaultLanguage = zhcn ;
这个是确定你需要使用哪中语言设定成上面的表示使用简体中文
C更改文件浏览的路径
FCKConfigLinkBrowserURL = FCKConfigBasePath + filemanager/browser/default/l?Connector=connectors/jsp/connector ;
FCKConfigImageBrowserURL = FCKConfigBasePath + filemanager/browser/default/l?Type=Image&Connector=connectors/jsp/connector ;
FCKConfigFlashBrowserURL = FCKConfigBasePath + filemanager/browser/default/l?Type=Flash&Connector=connectors/jsp/connector ;
把相应的信息屏蔽掉使用上面的
D更改上传文件的路径
FCKConfigLinkUploadURL = FCKConfigBasePath + filemanager/upload/simpleuploader?Type=File ;
FCKConfigFlashUploadURL = FCKConfigBasePath + filemanager/upload/simpleuploader?Type=Flash ;
FCKConfigImageUploadURL = FCKConfigBasePath + filemanager/upload/simpleuploader?Type=Image ;
把相应的信息屏蔽掉使用上面的
修改 webxml 文件加入以下内容 :
在FCKeditorJava zip 包中有个web\WEBINF\WEBXML把这个节点里面的内容复制到你的工程里面的相应的位置值得说明的地方是
<servletname>Connector</servletname>
<servletclass>comnnectorConnectorServlet</servletclass>
<initparam>
<paramname>baseDir</paramname>
<! 此为文件浏览路径可以只有选择修改但切记不可改成/[工程名]/UserFiles/
因为他目前已经是在工程的根目录下来运行的故如果要把默认浏览的文件目录为
webroot\upload目录之需要改变成/upload/即可 >
<paramvalue>/UserFiles/</paramvalue>
</initparam>
<initparam>
<servletname>SimpleUploader</servletname>
<servletclass>comfredckFCKeditoruploaderSimpleUploaderServlet</servletclass>
<initparam>
<paramname>baseDir</paramname>
<! 此为文件上传路径可以只有选择修改但切记不可改成/[工程名]/UserFiles/
因为他目前已经是在工程的根目录下来运行的故如果要把上传的文件放到webroot\upload目录下
之需要改变成/rpload/即可 >
<paramvalue>/UserFiles/</paramvalue>
</initparam>
<initparam>
<paramname>debug</paramname>
<paramvalue>true</paramvalue>
</initparam>
<initparam>
<! 记得要改变这里把FALSE改变成TRUE这个是是否启用上传功能 >
<paramname>enabled</paramname>
<paramvalue>true</paramvalue>
</initparam>
<servletmapping>
<servletname>Connector</servletname>
<urlpattern>
/FCKeditor/editor/filemanager/browser/default/connectors/jsp/connector
</urlpattern>
</servletmapping>
<! 别忘记上面和下面加粗部分的代码>
<servletmapping>
<servletname>SimpleUploader</servletname>
<urlpattern>/FCKeditor/editor/filemanager/upload/simpleuploader</urlpattern>
</servletmapping>
优化
以上都是把组件嵌入进工程的 配置过程下面我们来把组件压缩优化一下把无用的文件给剔除掉
删除 \WebRoot\FCKeditor\editor\filemanager\browser\default\connectors 目录下所有的文件这些是用来浏览文件的对于jsp的话是使用了 servlet 来处理所以这些文件都是多余的
删除 \WebRoot\FCKeditor\editor\filemanager\upload 目录下所有的文件
删除 WebRoot\FCKeditor\editor\lang 目录下不需要的语言如保留中文【zhcnjs】和英文[ENjs]还有 fcklanguagemanagerjs 文件
删除 \WebRoot\FCKeditor\editor\skins 目录下不需要的皮肤文件有三种皮肤可根据需要进行删除
JSP页面上的使用
*首先在testjsp页面的页头加上标签使用语句【不需要做目录调整已经切实可行】
*然后在页面的相应位置增加调用语句对于FCK标签里面还可以增加很多属性当然也可以不加注意下面粗体的地方我下面使用了个比较常用的属性一个是高度的调整另一个是组件风格
This is FCKeditor demo!
*接收参数可以这么写
其它
fckconfigjs总配置文件可用记录本打开修改后将文件存为utf 编码格式找到
FCKConfigTabSpaces = ; 改为FCKConfigTabSpaces = ; 即在编辑器域内可以使用Tab键
如果你的编辑器还用在网站前台的话比如说用于留言本或是日记回复时那就不得不考虑安全
了在前台千万不要使用Default的toolbar要么自定义一下功能要么就用系统已经定义好的Basic也就是基本的toolbar找到
FCKConfigToolbarSets[Basic] = [
[BoldItalicOrderedListUnorderedList/*Link*/UnlinkStyleFontSizeTextColorBGColorSmileySpecialCharReplacePreview] ] ;
这是改过的Basic把图像功能去掉把添加链接功能去掉因为图像和链接和flash和图像按钮添加功能都能让前台页直接访问和上传文件 fckeditor还支持编辑域内的鼠标右键功能
FCKConfigContextMenu = [
Generic/*Link*/Anchor/*Image*/FlashSelectTextareaCheckbox
RadioTextFieldHiddenField/*ImageButton*/ButtonBulletedList
NumberedListTableCellTableForm] ;
这也是改过的把鼠标右键的链接图像FLASH图像按钮功能都去掉
找到 FCKConfigFontNames =
Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana ;
加上几种我们常用的字体 :
FCKConfigFontNames = 宋体黑体隶书楷体_GB;Arial;Comic Sans MS;
Courier New;Tahoma;Times New Roman;Verdana ;
注意上传的文件名不能有中文否则无法正常显示或链接下载
