FCKeditor--入门.

        好久之前就想自己写点什么东西, 可是一直都没能坚持下来, 现在又想起来了, 写点什么呢, 嗯, 写个Blog吧. 虽然现在有很多的Blog了. 不过无所谓啦, 别人做过俺就不能再做了么? 呵呵.
        开发Blog, 自然就要用到WEB编辑器了, 其实别的地方用到的也蛮多的, 我可没兴趣自己开发一套, 还是找一个好一点的用吧. 在网上看了些介绍, 说FCKeditor还不错. 那就用用吧.呵呵.

        首先呢, 下载FCKeditor, 有两个, 一个是它的基本文件, 一个是For Java的, 下载地址是: http://www.fckeditor.net
下载完之后, 就可以动手做一个小测试啦, 来看看这个东西的使用是否方便.

        建一个WebApp, 把For Java里的WEB-INF文件夹整个Copy到新建的WebApp里, 里面包含lib文件和web.xml, lib下只是一个FCKeditor针对Java做的开发包和一个Common Upload的Jar包, 再把src下的FCKeditor.tld也Copy到WEB-INF下. 别忘了在web.xml里定义TLD哦. 如果要开启上传功能, 在web.xml里把 SimpleUploader的配置属性 enabled定义为true.

        在WebApp下建一个FCKeditor的文件夹,  把FCKeditor解压后的editor文件夹Copy过来.还要把 fckconfig.js, fckeditor.js, fckstyles.xml, fcktemplates.xml也都Copy到FCKeditor下面. 这样, 这个FCKeditor以后就可以扔到别的WEB里面直接用啦, 不过这样放之后, 要改一下web.xml文件, 把

< servlet-mapping >
     < servlet-name > Connector </ servlet-name >
     < url-pattern > /editor/filemanager/browser/default/connectors/jsp/connector </ url-pattern >
   </ servlet-mapping >
  
   < servlet-mapping >
     < servlet-name > SimpleUploader </ servlet-name >
     < url-pattern > /editor/filemanager/upload/simpleuploader </ url-pattern >
   </ servlet-mapping >

改成:

     < servlet-mapping >
         < servlet-name > Connector </ servlet-name >
         < url-pattern > /FCKeditor/editor/filemanager/browser/default/connectors/jsp/connector </ url-pattern >
     </ servlet-mapping >
    
     < servlet-mapping >
         < servlet-name > SimpleUploader </ servlet-name >
         < url-pattern > /FCKeditor/editor/filemanager/upload/simpleuploader </ url-pattern >
     </ servlet-mapping >

这样就OK啦. 呵. 昨天我在试的时候, 一开始没有注意到这里, 只是把文件全放到一个文件夹里了, 但程序一直在报错, 后来细看了下, 才发现要在这里改一下, 哈, 真丢人啊.

        下面要对FCKeditor稍微的改改. 先删除一些多余的东西, 减肥一下.呵呵.

• 删除editor/_source
• 删除/editor/filemanager/browser/default/connectors/下的所有文件
• 删除/editor/filemanager/upload/下的所有文件
• 删除/editor/lang/下的除了en.js, zh.js, zh-cn.js的所有文件

        之后就是对 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' ;

        到这呢, 就基本差不多了, 接下来写个例子测试一下吧. test.jsp:

<% ... @ taglib uri="/FCKeditor" prefix="FCK"  %>
< form  action ="show.jsp"  method ="post"  target ="_blank" >
< FCK:editor  id ="content"  basePath ="/nblog/FCKeditor/"
       width ="700"
       height ="500"
       skinPath ="/nblog/FCKeditor/editor/skins/silver/"
       toolbarSet  = "Default"
>
input
         </ FCK:editor >
< input  type ="submit"  value ="Submit" >
</ form >

是不是很简单呢? (注意Path的添写)
再写一个页面看看提交之后是什么样的: show.jsp:

<% ...
    String content = request.getParameter("content");
    out.println(content);
%>

当然了.还有一些其他的调用方式, 同样也是很方便. 不过个人比较喜欢用这种标签样式的, 感觉这样更方便.呵呵.

        不知道这次能不能坚持下去呢, 应该会吧.呵呵.欢迎有兴趣的朋友一起参与进来哦.^_^