Fckeditor----经验分享

最近一直在搞FCKeditor在线文本编辑器的裁剪和集成，总结了自己的一些

心得体会，跟大家分享一下自己的经验！

1.jsp/java中引用FCKeditor步骤和具体做法，参见如下的链接：

  a.jsp页面集成调用说明；   b.后台浏览和上传功能集成指南；

注意点：配置好jsp页面集成FCKeditor的javascrīpt调用以后，页面将会

显示如下的样子：

页面上相应的代码如下：

<scrīpt type="text/javascrīpt" src="FCKeditor/fckeditor.js"></scrīpt>

<textarea name="content" cols="80" rows="4"> </textarea> <scrīpt type="text/javascrīpt">   var ōFCKeditor = new FCKeditor('content') ;   oFCKeditor.BasePath = "FCKeditor/";   oFCKeditor.Height = 400;   oFCKeditor.ToolbarSet = "Default" ;    oFCKeditor.ReplaceTextarea(); </scrīpt>

如果是要想从数据库读来的文本数据或者是后台来自文件的txt/html

文本数据。只要在

<textarea name="content" cols="80" rows="4"> </textarea>

中加入自己的显示内容的formbean对应字段即可

<textarea name="content" cols="80" rows="4"> <c:out value="${ contentData}" /> </textarea>

这样内容就会被显示在FCKeditor编辑框中了，点击提交按钮以后就可以

在后台的相应java action中得到content参数中的内容就是页面上

FCKeditor中的内容数据了。可以在struts/jsf做使用的哦。

要提醒一点的是由于你给FCKeditor瘦身，所以常会报缺少对象支持

等错误，只要在FCKeditor/editor/lang中加上相应的js语言文件即可

如果加载页面失败（FCKeditor未定义）还有一个可能就是引用

FCKeditor/fckeditor.js文件路径不对！关于FCKeditor瘦身可以

参考网上文章,我还是摘一些要点从网上：

1、将FCKeditor目录下及子目录下所有以”_”下划线开 头的文件夹删除 2.FCKeditor根目录下只保留fckconfig.js,  fckeditor.js, fckstyles.xml, fcktemplates.xml 其余全部删除 3.将editor/filemanager/upload目录下文件及文件夹 清空. 4.还可以将editor/skins目录下的皮肤文件删除，只留下 default一套皮肤（如果你不需要换皮肤的话） 5.还可以将editor/lang目录下文件删除，只保留 en.js, fcklanguagemanager.js, zh-cn.js, zh.js 文件 6.如果你是使用javascrīpt来调用加载FCKeditor，那么 就不需要在web.xml中配置fckeditor的tag文件。 7.还有一个问题刚开始使用FCKeditor的人常会遇到 就怎么控制它的toolbar的大小和元素排列，其实很简单。 在fckconfig.js中用使用这样的标签[]来划分每行的 元素的多少，这样就可以控制toolbar的长短和大小了， 具体示例参看：fckconfig.js中的toolbarset ["Default"]

2.下面再说说fckconfig.js中的一些选项来控制toolbarset中的控件

的功能，实现功能裁剪：

1):取消超链接中的浏览服务器和上传功能，方法如下：

FCKConfig.LinkBrowser = true ; FCKConfig.LinkUpload = true ; 改为 FCKConfig.LinkBrowser = false ; FCKConfig.LinkUpload = false ;

2）：取消图片链接中的浏览服务器和上传功能，方法如下：

FCKConfig.ImageUpload = true ; FCKConfig.ImageBrowser = true ; 改为 FCKConfig.ImageUpload = false ; FCKConfig.ImageBrowser = false ;

3):Dlg Button中取消高级功能，方法如下：

FCKConfig.LinkDlgHideAdvanced = false ; FCKConfig.ImageDlgHideAdvanced = false ; 改为 FCKConfig.ImageDlgHideAdvanced = true ; FCKConfig.LinkDlgHideTarget  = true ;