在jsp中使用fckeditor 2.3



在jsp中使用fckeditor
2.3

下载

从FCKeditor的官方站点http://www.fckeditor.net/download上下载FCKeditor 2.3.2和FCKeditor.Java，其中FCKeditor 2.3.2是源码，FCKeditor.Java是在jsp中使用的例程。

 

瘦身

将FCKeditor 2.3.2解压到FCKeditor文件夹，然后删除如下文件或目录：

1、/_samples，/_testcases；

2、删除/_documentation.html,_whatsnew.html,fckeditor.afp,fckeditor.asp,fckeditor.cfc,fckeditor.cfm, fckeditor.lasso,fckeditor.php,fckeditor.pl,fckeditor.py 只剩下fckconfig.js,fckeditor.js,fckstyles.xml,fcktemplates.xml,htaccess.txt,license.txt；

3、/editor/_source；

4、/editor/filemanager/browser/default/connectors；

5、/editor/filemanager/upload；

6、语言包/editor/lang中只留下en.js、zh-cn.js；

哈哈，一下子从2.5M瘦到832K，爽呀！还可以在皮肤包里/editor/skins动动脑筋，比如只留一个sliver，这个好配色。

配置

将FCKeditor的jsp中使用的例程和FCKeditor源码结合起来，解压FCKeditor.Java，将解压文件夹中web目录下的所有文件拷贝到FCKeditor目录中，这样在FCKeditor目录多了两个目录：

├─_samples

│  │  index.jsp

│  │  sample.css

│  │  sampleslist.jsp

│  │

│  └─jsp

│          sample01.jsp

│          sample02.jsp

│          sample03.jsp

│          sample04.jsp

│          sample05.jsp

│          sample06.config.js

│          sample06.jsp

│          sample07.jsp

│          sampleposteddata.jsp

│

└─WEB-INF

│  web.xml

│

└─lib

FCKeditor-2.3.jar

commons-fileupload.jar

看一下web.xml文件，里面增加了文件浏览和文件上传得servlet。


l         修改文件FCKeditor/fckconfig.js

1、  修改属性

中文：FCKConfig.DefaultLanguage     = ‘zh-cn’ ;

皮肤：FCKConfig.SkinPath = FCKConfig.BasePath + ‘skins/default/’ ;

2、  使用servlet做文件浏览和上传

参考http://wiki.fckeditor.net/Developer%27s_Guide/Integration/Java

//browser

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” ;

 

//upload

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’ ;

l         修改web.xml增加FCKeditor的taglib

从FCKeditor.Java解压目录/src目录下拷贝FCKeditor.tld文件到WEB-INF目录下，在web.xml文件中增加：

<taglib>

<taglib-uri>/WEB-INF/FCKeditor.tld</taglib-uri>

<taglib-location>/WEB-INF/FCKeditor.tld</taglib-location>

</taglib>

 

使用

在 jsp 页面中作如下调用（具体如何使用可以看 FCKeditor.tld定义 ）：

…

 

<%@ taglib uri=”/WEB-INF/FCKeditor.tld” prefix=”FCK” %>

 

…

 

<FCK:editor id=”EditorDefault” basePath=”/FCKeditor/”>

This is FCKeditor demo!

</FCK:editor>

 

…

运行例程

将我们修改了半天的整个 FCKeditor目录拷贝到tomcat5.0.28（或其他web服务器）的webapps目录下，启动tomcat访问http://localhost:8080/FCKeditor/_samples/ 试用一下FCKeditor 2.3.2的强大功能，有了demo在项目中如何使用，你自己琢磨吧！

 

例程下载： FCKeditor