在线编辑器FCKeditor

文章出处：我的博客 我的生活

FCKeditor
可以去下载最新的版本，我现在使用的是2.3版本。
一个是FCKeditor（FCKeditor基本文件），还有一个是为java准备的FCKeditor-2.3-java（如果需要在java中使用它的话）
如果你需要建立一个web应用的话（比如你的应用名为FCKeditor-demo），一般需要在FCKeditor-demo下建立这样的目录结构：
...应用根目录
/FCKeditor //FCKeditor目录（可以把下载的FCKeditor解压即可）
/UserFiles //上传文件目录，比如Flash、Image
/WEB-INF //大家都明白
/test.jsp //这是我们需要测试的jsp
/show.jsp //同上


对上面的几个目录做以下说明：
FCKeditor目录：
下载的FCKeditor中包含多个文件，其中_samples文件夹中包含着各种编程语言的调用FCKeditor的范例程序页面，大家可以参考一下。_testcases中是测试用例。editor文件夹才是我们应用中真正需要的东西。
还需要的文件有fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml其它的都用不到了（这是针对java方面开发而言的）。

UserFiles目录：当然这是应用运行时才产生的目录，这里只是做个说明，让你了解一下，运行后最终的一个结果示意。

WEB-INF目录：除了大家知道的用处外，还需要一些特殊处理，上面提到的FCKeditor-2.3-java派上用场了。
1、将FCKeditor-2.3-java压缩包中/web/WEB-INF/lib/目录下的两个jar文件拷到项目的/WEB-INF/lib/目录下。
2、把其中的src目录下的FCKeditor.tld文件copy到FCKeditor-demo/WEB-INF/下。
3、将/web/WEB-INF/目录下的web.xml文件合并到项目的/WEB-INF/目录下的web.xml文件中去。（最终的目的是现实java的在线编辑器）
4、修改合并后的web.xml文件，将名为SimpleUploader的Servlet的enabled参数值改为true，以允许上传功能， Connector Servlet的baseDir参数值用于设置上传文件存放的位置（就是上面提到的UserFiles目录，这是通过配置文件实现的）。
添加标签定义:
<taglib>
<taglib-uri>/TestFCKeditor</taglib-uri>
<taglib-location>/WEB-INF/FCKeditor.tld</taglib-location>
</taglib>
另：上面文件中两个servlet的映射分别为：/editor/filemanager/browser/default/connectors/jsp/connector
和/editor/filemanager/upload/simpleuploader，需要在两个映射前面加上/FCKeditor，
即改为/FCKeditor/editor/filemanager/browser/default/connectors/jsp/connector和
/FCKeditor/editor/filemanager/upload/simpleuploader。

test.jsp、show.jsp是用来演示在线编辑器的一个小例子。

以上是最基本的一些设置，要想运行还需要修改一些，下面作介绍：
1、进入FCKeditor/editor/skin文件夹，如果你想使用fckeditor默认的这种奶黄色，那就把除了default文件夹外的另两个文件夹直接删除。
2、删除目录/editor/_source,
删除/editor/filemanager/browser/default/connectors/下的所有文件
删除/editor/filemanager/upload/下的所有文件
删除/editor/lang/下的除了fcklanguagemanager.js, en.js, zh.js, zh-cn.js四个文件的所有文件
3、打开/FCKeditor/fckconfig.js
修改 FCKConfig.DefaultLanguage = 'zh-cn' ;
把FCKConfig.LinkBrowserURL等的值替换成以下内容：
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' ;
4、fckconfig.js总配置文件，可用记录本打开，修改后将文件存为utf-8 编码格式。找到：FCKConfig.TabSpaces = 0 ; 改为FCKConfig.TabSpaces = 1 ; 即在编辑器域内可以使用Tab键。

尚未解决的问题：当需要插入图片时，无法正常取得UserFiles下的图片资源。在FCKeditor/editor/filemanager/browser/default/connectors中缺少关于jsp的内容？不知道是什么缘故！

提供下载
注：在test.jsp中提供了三种使用的方式，自己可以参考一下