最近一直在搞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}" /> |
这样内容就会被显示在FCKeditor编辑框中了,点击提交按钮以后就可以
在后台的相应java action中得到content参数中的内容就是页面上
FCKeditor中的内容数据了。可以在struts/jsf做使用的哦。
要提醒一点的是由于你给FCKeditor瘦身,所以常会报缺少对象支持
等错误,只要在FCKeditor/editor/lang中加上相应的js语言文件即可
如果加载页面失败(FCKeditor未定义)还有一个可能就是引用
FCKeditor/fckeditor.js文件路径不对!关于FCKeditor瘦身可以
参考网上文章,我还是摘一些要点从网上:
1、将FCKeditor目录下及子目录下所有以”_”下划线开 头的文件夹删除
fckeditor.js, fckstyles.xml, fcktemplates.xml 其余全部删除
清空.
default一套皮肤(如果你不需要换皮肤的话)
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 ; |