下载

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

posted on 2006-11-03 11:00 野草 阅读(2580) 评论(2)  编辑  收藏 所属分类: 2shtv

评论:
# re: 在jsp中使用fckeditor 2.3 2007-06-22 16:48 | gostseraph
QQ122767028
你的例子连数据库吗
  回复  更多评论
  
# re: 在jsp中使用fckeditor 2.3 2007-06-22 16:53 | gostseraph
你的例子怎么运行啊 ,老跳出登陆页面
  回复  更多评论
  

只有注册用户登录后才能发表评论。


网站导航: