在JSP中应用FCKeditor(2.1.1和FCKeditor.Java 2.3)

在JSP中应用FCKeditor(2.1.1和FCKeditor.Java 2.3)

1. 将FCKeditor2.1.1解压缩到项目的根目录下,目录结构为:\项目名\FCKeditor\ ,然后将FCKeditor-2.3.zip(java)压缩包中\web\WEB-INF\lib\目录下的两个jar文件拷到项目的\WEB-INF\lib\目录下。

2. 将FCKeditor-2.3.zip压缩包中\web\WEB-INF\目录下的web.xml文件合并到项目的\WEB-INF\lib\目录下的web.xml文件中。

3. 修改合并后的web.xml文件,将名为SimpleUploader的Servlet的enabled参数值改为true,以允许上传功能,Connector Servlet的baseDir参数值用于设置上传文件存放的位置。

4. 上面两个servlet的映射分别为:
/editor/filemanager/browser/default/connectors/jsp/connector
/editor/filemanager/upload/simpleuploader
因为我的FCKeditor是放到\项目名\FCKeditor\目录下,所以需要在两个映射前面加上/FCKeditor,即改为/FCKeditor/editor/filemanager/browser/default/connectors/jsp/connector和/FCKeditor/editor/filemanager/upload/simpleuploader。

5. 采用Taglib在jsp中添加如下代码创建在线编辑器:

    在页面的顶部加入〈%@ taglib uri="http://fckeditor.net/tags-fckeditor" prefix="FCK" %〉

    在适当的位置加入下面代码

〈FCK:editor id = " infoContent "  basePath = " /CM/FCKeditor/ "
              width
= " 522 "
              height
= " 300 "
              skinPath
= " /CM/FCKeditor/editor/skins/silver/ "
              defaultLanguage
= " zh-cn "
              tabSpaces
= " 8 "
              toolbarSet
= " CM "
              imageBrowserURL
= " /CM/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector "
              linkBrowserURL
= " /CM/FCKeditor/editor/filemanager/browser/default/browser.html?Connector=connectors/jsp/connector "
              flashBrowserURL
= " /CM/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector "
              imageUploadURL
= " /CM/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Image "
              linkUploadURL
= " /CM/FCKeditor/editor/filemanager/upload/simpleuploader?Type=File "
              flashUploadURL
= " /CM/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Flash "
              请输入内容
/ FCK:editor〉

 

      注意/CM/,这个表示访问项目的URL为http://127.0.0.1:8080/CM/,如果访问的URL为:http://127.0.0.1:8080/ 的话,只需要将上面的/CM去掉就行,不用修改web.xml文件。

6. 经过上面步骤就可以在jsp中使用FCKeditor了。

你可能感兴趣的:(在JSP中应用FCKeditor(2.1.1和FCKeditor.Java 2.3))