1.FCKEditor

Author: 江南白衣

FckEditor是功能丰富的所见即所得编辑器 ,Home Page为:http://www.fckeditor.net/ 

1.使用SpringSide modules快速安装

SpringSide moduls/fckeditor目录里已经有了配置好fckconfig.js 和web.xml文件,精简过的fckeditor2.3模块,运行pom.xml获取所需jar,再把webapp中的内容复制到自己项目中即可。

2.自己手动安装

如果太有空了,也可以自己来安装。

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"],只留下需要的功能。

2. 在JSP中使用

  可参考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>

2.Coolest日历控件

  见editBook.jsp 及listOrder.jsp的用法,晚点封装成标签库,进一步简化。

  控件原出处为 http://www.dynarch.com/projects/calendar/

3.Tab Pane控件

  采用WebFX的Tab方案。见管理后台首页, /admin/main.jsp,晚点封装成标签库,进一步简化。