知识大全 FCKeditor编辑器在JAVA中的使用与配置

Posted 2022-07-20 文件

篇首语：有知识的人会得到世人的美誉。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 FCKeditor编辑器在JAVA中的使用与配置相关的知识，希望对你有一定的参考价值。

FCKeditor编辑器在JAVA中的使用与配置 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

　　工作前的准备

　　版本是FCKeditor_ zip【组件的主文件包】 FCKeditor Java zip【这里面提供了标签库和图片上传的jar】这些都可以在网站下载到！

　　配置

　　新建工程pass 在WebRoot文件夹下新建文件夹FCKeditor（用来存放FCKeditor相关文件

　　记得大小写要一致因为如果你需要改变的话变化的文件比较多而且还不确定是否改全了）

　　将FCKeditor_ 包中的 editor 文件夹和fckconfig js fckeditor js fckstyles xml fcktemplates xml

　　这四个文件放到项目中的 FCKeditor 目录

　　将FCKeditor Java zip 包中的 webWEB INFlib 下的两个 jar 文件到项目的 WebRootWEB INFlib目录下

　　将FCKeditor Java zip 包中的 src 下的 FCKeditor tld 文件到项目的 WebRootWEB INF 目录

　　在 WebRoot 目录下新建 UserFiles 文件夹在此文件夹下新建 Image Flash File Media四个文件夹他们分别用来存放上传的图片动画文件媒体文件

　　修改fckconfig js组件配置文件【说明一下你可以在配置文件里搜索等号前面的信息来确定某一项做更改】

　　A FCKConfig SkinPath = FCKConfig BasePath + skins/silver/ ;

　　这是组件的样式模板好确定你到底需要使用哪中样式这个根据你自己的喜好更改

　　B FCKConfig DefaultLanguage = zh cn ;

　　这个是确定你需要使用哪中语言设定成上面的表示使用简体中文

　　C 更改文件浏览的路径

　　FCKConfig LinkBrowserURL = FCKConfig BasePath + "filemanager/browser/default/browser ?Connector=connectors/jsp/connector" ; FCKConfig ImageBrowserURL = FCKConfig BasePath + "filemanager/browser/default/browser ?Type=Image&Connector=connectors/jsp/connector" ; FCKConfig FlashBrowserURL = FCKConfig BasePath + "filemanager/browser/default/browser ?Type=Flash&Connector=connectors/jsp/connector" ;

　　把相应的信息屏蔽掉使用上面的

　　D 更改上传文件的路径

　　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 ;

　　把相应的信息屏蔽掉使用上面的

　　修改 web xml 文件加入以下内容

　　在FCKeditor Java zip 包中有个webWEB INFWEB XML 把这个节点里面的内容复制到你的工程里面的相应的位置值得说明的地方是

　　<servlet name>Connector</servlet name> <servlet class> fredck FCKeditor connector ConnectorServlet</servlet class> <init param> <param name>baseDir</param name> <! 此为文件浏览路径可以只有选择修改但切记不可改成“/[工程名]/UserFiles/” 因为他目前已经是在工程的根目录下来运行的故如果要把默认浏览的文件目录为 webrootupload目录之需要改变成 /upload/ 即可 > <param value>/UserFiles/</param value> </init param> <init param> <servlet name>SimpleUploader</servlet name> <servlet class> fredck FCKeditor uploader SimpleUploaderServlet</servlet class> <init param> <param name>baseDir</param name> <! 此为文件上传路径可以只有选择修改但切记不可改成“/[工程名]/UserFiles/” 因为他目前已经是在工程的根目录下来运行的故如果要把上传的文件放到webrootupload目录下之需要改变成 /rpload/ 即可 > <param value>/UserFiles/</param value> </init param> <init param> <param name>debug</param name> <param value>true</param value> </init param> <init param> <! 记得要改变这里把FALSE改变成TRUE 这个是是否启用上传功能 > <param name>enabled</param name> <param value>true</param value> </init param> <servlet mapping> <servlet name>Connector</servlet name> <url pattern> /FCKeditor/editor/filemanager/browser/default/connectors/jsp/connector </url pattern> </servlet mapping> <! 别忘记上面和下面加粗部分的代码 >

　　<servlet mapping> <servlet name>SimpleUploader</servlet name> <url pattern>/FCKeditor/editor/filemanager/upload/simpleuploader</url pattern> </servlet mapping>

　　优化

　　以上都是把组件嵌入进工程的配置过程下面我们来把组件压缩优化一下把无用的文件给剔除掉

　　删除 WebRootFCKeditoreditorfilemanagerbrowserdefaultconnectors 目录下所有的文件这些是用来浏览文件的对于jsp的话是使用了 servlet 来处理所以这些文件都是多余的

　　删除 WebRootFCKeditoreditorfilemanagerupload 目录下所有的文件

　　删除 WebRootFCKeditoreditorlang 目录下不需要的语言如保留中文【zh cn js】和英文[EN js]还有 fcklanguagemanager js 文件

　　删除 WebRootFCKeditoreditorskins 目录下不需要的皮肤文件有三种皮肤可根据需要进行删除

　　JSP页面上的使用

　　首先在test jsp页面的页头加上标签使用语句【不需要做目录调整已经切实可行】

　　然后在页面的相应位置增加调用语句对于FCK标签里面还可以增加很多属性当然也可以不加注意下面粗体的地方我下面使用了个比较常用的属性一个是高度的调整另一个是组件风格

　　This is FCKeditor demo!

　　接收参数可以这么写

　　其它

　　 fckconfig js总配置文件可用记录本打开修改后将文件存为utf 编码格式找到

　　FCKConfig TabSpaces = ; 改为FCKConfig TabSpaces = ; 即在编辑器域内可以使用Tab键

　　如果你的编辑器还用在网站前台的话比如说用于留言本或是日记回复时那就不得不考虑安全

　　了在前台千万不要使用Default的toolbar 要么自定义一下功能要么就用系统已经定义好的Basic 也就是基本的toolbar 找到

　　FCKConfig ToolbarSets["Basic"] = [ [ Bold Italic OrderedList UnorderedList /* Link */ Unlink Style FontSize TextColor BGColor Smiley SpecialChar Replace Preview ] ] ;

　　这是改过的Basic 把图像功能去掉把添加链接功能去掉因为图像和链接和flash和图像按钮添加功能都能让前台页直接访问和上传文件 fckeditor还支持编辑域内的鼠标右键功能

　　FCKConfig ContextMenu = [

　　 Generic /* Link */ Anchor /* Image */ Flash Select Textarea Checkbox

　　 Radio TextField HiddenField /* ImageButton */ Button BulletedList

　　 NumberedList TableCell Table Form ] ;

　　这也是改过的把鼠标右键的“链接图像 FLASH 图像按钮”功能都去掉

　　找到 FCKConfig FontNames =

　　 Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana ;

　　加上几种我们常用的字体

　　FCKConfig FontNames = 宋体;黑体;隶书;楷体_GB ;Arial;Comic Sans MS;

　　Courier New;Tahoma;Times New Roman;Verdana ;

　　注意上传的文件名不能有中文否则无法正常显示或链接下载

cha138/Article/program/Java/JSP/201311/20592