Author: 江南白衣
FckEditor是功能丰富的所见即所得编辑器 ,Home Page为:http://www.fckeditor.net/
SpringSide moduls/fckeditor目录里已经有了配置好fckconfig.js 和web.xml文件,精简过的fckeditor2.3模块,运行pom.xml获取所需jar,再把webapp中的内容复制到自己项目中即可。
如果太有空了,也可以自己来安装。
1.1 在http://www.fckeditor.net/ 下载FCKeditor 2.3 和FCKeditor.Java包 FCKeditor-2.3.jar
1.2 参照FCKeditor.java的例子,配置web.xml 支持FCKEditor的图片文件上传和浏览Servlet.(见springmodules/fckeditor/ 中的web.xml)
1.3 加入FCKeditor-2.3.jar和commons-fileupload.jar
1.4但是fckeditor的文件实在太多了,让人没来由一阵心痛,删除以下目录及文件:
1./_testcases,
/_samples,
2./editor/_source,
/editor/skins/office2003,
/editor/skins/silver,
/editor/filemanager/upload,
/editor/filemanager/browser/default/connector
3./editor/lang
仅保留en.js,zh_cn.js
4.在/的php,py等后缀名的文件
5.删除plugin目录和dialog目录的spellcheck
1.5 将干净的fck目录复制到项目中
1.6 修改配置文件 fckconfig.js
FCKConfig.DefaultLanguage = 'zh-cn' ;
删除spell check 相关的两处地方
修改如下url,使用fckeditor servelt来做文件上传与目录浏览:
FCKConfig.LinkBrowserURL = FCKConfig.BasePath + "filemanager/browser/default/browser.html?Connector=connectors/jsp/connector" ;
FCKConfig.ImageBrowserURL = FCKConfig.BasePath+"filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector" ;
FCKConfig.FlashBrowserURL = FCKConfig.BasePath+"filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector" ;
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' ;
如果还有时间可以修理一下FCKConfig.ToolbarSets["Default"],只留下需要的功能。
可参考editbook.jsp , 其中id属性为input name。
<c:set var="basepath"><c:url value="/fck/" /></c:set>
<FCK:editor id="descn" basePath="${basepath}" height="500px">
<c:out value="${book.descn}" escapeXml="false" default="" />
</FCK:editor>
见editBook.jsp 及listOrder.jsp的用法,晚点封装成标签库,进一步简化。
控件原出处为 http://www.dynarch.com/projects/calendar/
采用WebFX的Tab方案。见管理后台首页, /admin/main.jsp,晚点封装成标签库,进一步简化。